<!DOCTYPE html>
<html><head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8"><script src="../public/lg/contains.js" async="" charset="utf-8" type="text/javascript"></script><script src="../public/lg/taskMgr.js" async="" charset="utf-8" type="text/javascript"></script><script src="../public/lg/views.js" async="" charset="utf-8" type="text/javascript"></script>
	<!-- meta -->
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="renderer" content="webkit">
<meta property="qc:admins" content="23635710066417756375">
<meta name="baidu-site-verification" content="QIQ6KC1oZ6">
<meta charset="UTF-8">

<meta content="HTML5,HTML5招聘,北京悉檀普明文化发展有限公司HTML5招聘" name="keywords">

<meta content="HTML5 北京 不限 3-5年 全职 移动开发 地铁直达 建设骨干 121体育 北京悉檀普明文化发展有限公司 便捷强大的体育教育工具。我们相信，在线教育能使体育加试者取得满分。 拉勾网-最专业的互联网招聘平台" name="description">

<title>HTML5招聘-121体育招聘-拉勾网</title>

<link rel="Shortcut Icon" href="http://pstatic.lagou.com/www/static/common/static/favicon_faed927.ico">



	<!-- global_domain FE_base... -->
	
<script src="../public/lg/v.htm" charset="utf-8"></script><script src="../public/lg/analytics.js" async=""></script><script src="../public/lg/a.js" async=""></script><script type="text/javascript">
window.GLOBAL_DOMAIN = window.GLOBAL_DOMAIN || {
    ctx : "http://www.lagou.com",
    rctx : "http://hr.lagou.com",
    crctx : "http://c.hr.lagou.com",
    pctx : "http://passport.lagou.com",
    actx : "http://account.lagou.com",
    paictx : "http://pai.lagou.com",
    sctx : "http://suggest.lagou.com"
};
</script>




	<!-- 公共样式 -->
	<!-- header样式 -->	<!-- footer样式 -->
	<!-- 页面样式 -->

    <link rel="stylesheet" type="text/css" href="../public/lg/mCustomScrollbar_ac2fb8b.css">
    <link rel="stylesheet" type="text/css" href="../public/lg/layout_8da9288.css">
    <link rel="stylesheet" type="text/css" href="../public/lg/main_002.css">
    <link rel="stylesheet" type="text/css" href="../public/lg/widgets_cd857e8.css">
    <link rel="stylesheet" type="text/css" href="../public/lg/main.css">
<script charset="utf-8" class="lazyload" src="../public/lg/jquery.js"></script><style charset="utf-8" class="lazyload">@import "http://pstatic.lagou.com/www/static/common/widgets/passport/css/loginpop_8eb0b34.css";</style><script charset="utf-8" class="lazyload" src="../public/lg/lagou_5427c0e.js"></script><script id="_da" src="../public/lg/i.js" async="" charset="utf-8"></script><style type="text/css">.BMap_mask{background:transparent url(http://api0.map.bdimg.com/images/blank.gif);}.BMap_noscreen{display:none;}.BMap_button{cursor:pointer;}.BMap_zoomer{background-image:url(http://api0.map.bdimg.com/images/mapctrls1d3.gif);background-repeat:no-repeat;overflow:hidden;font-size:1px;position:absolute;width:7px;height:7px;}.BMap_stdMpCtrl div{position:absolute;}.BMap_stdMpPan{width:44px;height:44px;overflow:hidden;background:url(http://api0.map.bdimg.com/images/mapctrls2d0.png) no-repeat;}.BMap_ie6 .BMap_stdMpPan{background:none;}.BMap_ie6 .BMap_smcbg{left:0;width:44px;height:464px;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://api0.map.bdimg.com/images/mapctrls2d0.png");}.BMap_ie6 .BMap_stdMpPanBg{z-index:-1;}.BMap_stdMpPan .BMap_button{height:15px;width:15px;}.BMap_panN,.BMap_panW,.BMap_panE,.BMap_panS{overflow:hidden;}.BMap_panN{left:14px;top:0;}.BMap_panW{left:1px;top:12px;}.BMap_panE{left:27px;top:12px;}.BMap_panS{left:14px;top:25px;}.BMap_stdMpZoom{top:45px;overflow:hidden;}.BMap_stdMpZoom .BMap_button{width:22px;height:21px;left:12px;overflow:hidden;background-image:url(http://api0.map.bdimg.com/images/mapctrls2d0.png);background-repeat:no-repeat;z-index:10;}.BMap_ie6 .BMap_stdMpZoom .BMap_button{background:none;}.BMap_stdMpZoomIn{background-position:0 -221px;}.BMap_stdMpZoomOut{background-position:0 -265px;}.BMap_ie6 .BMap_stdMpZoomIn div{left:0;top:-221px;}.BMap_ie6 .BMap_stdMpZoomOut div{left:0;top:-265px;}.BMap_stdMpType4 .BMap_stdMpZoom .BMap_button{left:0;overflow:hidden;background:-webkit-gradient(linear,50% 0,50% 100%,from(rgba(255,255,255,0.85)),to(rgba(217,217,217,0.85)));z-index:10;-webkit-border-radius:22px;width:34px;height:34px;border:1px solid rgba(255,255,255,0.5);-webkit-box-shadow:0 2px 3.6px #CCC;display:-webkit-box;-webkit-box-align:center;-webkit-box-pack:center;-webkit-box-sizing:border-box;}.BMap_stdMpType4 .BMap_smcbg{position:static;background:url(http://api0.map.bdimg.com/images/mapctrls2d0_mb.png) 0 0 no-repeat;-webkit-background-size:24px 32px;}.BMap_stdMpType4 .BMap_stdMpZoomIn{background-position:0 0;}.BMap_stdMpType4 .BMap_stdMpZoomIn .BMap_smcbg{width:24px;height:24px;background-position:0 0;}.BMap_stdMpType4 .BMap_stdMpZoomOut{background-position:0 0;}.BMap_stdMpType4 .BMap_stdMpZoomOut .BMap_smcbg{width:24px;height:6px;background-position:0 -25px;}.BMap_stdMpSlider{width:37px;top:18px;}.BMap_stdMpSliderBgTop{left:18px;width:10px;overflow:hidden;background:url(http://api0.map.bdimg.com/images/mapctrls2d0.png) no-repeat -23px -226px;}.BMap_stdMpSliderBgBot{left:19px;height:8px;width:10px;top:124px;overflow:hidden;background:url(http://api0.map.bdimg.com/images/mapctrls2d0.png) no-repeat -33px bottom;}.BMap_ie6 .BMap_stdMpSliderBgTop,.BMap_ie6 .BMap_stdMpSliderBgBot{background:none;}.BMap_ie6 .BMap_stdMpSliderBgTop div{left:-23px;top:-226px;}.BMap_ie6 .BMap_stdMpSliderBgBot div{left:-33px;bottom:0;}.BMap_stdMpSliderMask{height:100%;width:24px;left:10px;cursor:pointer;}.BMap_stdMpSliderBar{height:11px;width:19px;left:13px;top:80px;overflow:hidden;background:url(http://api0.map.bdimg.com/images/mapctrls2d0.png) no-repeat 0 -309px;}.BMap_stdMpSliderBar.h{background:url(http://api0.map.bdimg.com/images/mapctrls2d0.png) no-repeat 0 -320px;}.BMap_ie6 .BMap_stdMpSliderBar,.BMap_ie6 .BMap_stdMpSliderBar.h{background:none;}.BMap_ie6 .BMap_stdMpSliderBar div{top:-309px;}.BMap_ie6 .BMap_stdMpSliderBar.h div{top:-320px;}.BMap_zlSt,.BMap_zlCity,.BMap_zlProv,.BMap_zlCountry{position:absolute;left:34px;height:21px;width:28px;background-image:url(http://api0.map.bdimg.com/images/mapctrls2d0.png);background-repeat:no-repeat;font-size:0;cursor:pointer;}.BMap_ie6 .BMap_zlSt,.BMap_ie6 .BMap_zlCity,.BMap_ie6 .BMap_zlProv,.BMap_ie6 .BMap_zlCountry{background:none;overflow:hidden;}.BMap_zlHolder{display:none;position:absolute;top:0;}.BMap_zlHolder.hvr{display:block;}.BMap_zlSt{background-position:0 -380px;top:21px;}.BMap_zlCity{background-position:0 -401px;top:52px;}.BMap_zlProv{background-position:0 -422px;top:76px;}.BMap_zlCountry{background-position:0 -443px;top:100px;}.BMap_ie6 .BMap_zlSt div{top:-380px;}.BMap_ie6 .BMap_zlCity div{top:-401px;}.BMap_ie6 .BMap_zlProv div{top:-422px;}.BMap_ie6 .BMap_zlCountry div{top:-443px;}.BMap_stdMpType1 .BMap_stdMpSlider,.BMap_stdMpType2 .BMap_stdMpSlider,.BMap_stdMpType3 .BMap_stdMpSlider,.BMap_stdMpType4 .BMap_stdMpSlider,.BMap_stdMpType2 .BMap_stdMpZoom,.BMap_stdMpType3 .BMap_stdMpPan,.BMap_stdMpType4 .BMap_stdMpPan{display:none;}.BMap_stdMpType3 .BMap_stdMpZoom{top:0;}.BMap_stdMpType4 .BMap_stdMpZoom{top:0;}.BMap_cpyCtrl a{font-size:11px;color:#7979CC;}.BMap_scaleCtrl{height:23px;overflow:hidden;}.BMap_scaleCtrl div.BMap_scaleTxt{font-size:11px;font-family:Arial,sans-serif;}.BMap_scaleCtrl div{position:absolute;overflow:hidden;}.BMap_scaleHBar img,.BMap_scaleLBar img,.BMap_scaleRBar img{position:absolute;width:37px;height:442px;left:0;}.BMap_scaleHBar{width:100%;height:5px;font-size:0;bottom:0;}.BMap_scaleHBar img{top:-437px;width:100%;}.BMap_scaleLBar,.BMap_scaleRBar{width:3px;height:9px;bottom:0;font-size:0;z-index:1;}.BMap_scaleLBar img{top:-427px;left:0;}.BMap_scaleRBar img{top:-427px;left:-5px;}.BMap_scaleLBar{left:0;}.BMap_scaleRBar{right:0;}.BMap_scaleTxt{text-align:center;width:100%;cursor:default;line-height:18px;}.BMap_omCtrl{background-color:#fff;overflow:hidden;}.BMap_omOutFrame{position:absolute;width:100%;height:100%;left:0;top:0;}.BMap_omInnFrame{position:absolute;border:1px solid #999;background-color:#ccc;overflow:hidden;}.BMap_omMapContainer{position:absolute;overflow:hidden;width:100%;height:100%;left:0;top:0;}.BMap_omViewMv{border-width:1px;border-style:solid;border-left-color:#84b0df;border-top-color:#adcff4;border-right-color:#274b8b;border-bottom-color:#274b8b;position:absolute;z-index:600;}.BMap_omViewInnFrame{border:1px solid #3e6bb8;}.BMap_omViewMask{width:1000px;height:1000px;position:absolute;left:0;top:0;background-color:#68c;opacity:.2;filter:progid:DXImageTransform.Microsoft.Alpha(opacity=20);}.BMap_omBtn{height:13px;width:13px;position:absolute;cursor:pointer;overflow:hidden;background:url(http://api0.map.bdimg.com/images/mapctrls1d3.gif) no-repeat;z-index:1210;}.anchorBR .BMap_omOutFrame{border-top:1px solid #999;border-left:1px solid #999;}.quad4 .BMap_omBtn{background-position:-26px -27px;}.quad4 .BMap_omBtn.hover{background-position:0 -27px;}.quad4 .BMap_omBtn.BMap_omBtnClosed{background-position:-39px -27px;}.quad4 .BMap_omBtn.BMap_omBtnClosed.hover{background-position:-13px -27px;}.anchorTR .BMap_omOutFrame{border-bottom:1px solid #999;border-left:1px solid #999;}.quad1 .BMap_omBtn{background-position:-39px -41px;}.quad1 .BMap_omBtn.hover{background-position:-13px -41px;}.quad1 .BMap_omBtn.BMap_omBtnClosed{background-position:-26px -41px;}.quad1 .BMap_omBtn.BMap_omBtnClosed.hover{background-position:0 -41px;}.anchorBL .BMap_omOutFrame{border-top:1px solid #999;border-right:1px solid #999;}.quad3 .BMap_omBtn{background-position:-27px -40px;}.quad3 .BMap_omBtn.hover{background-position:-1px -40px;}.quad3 .BMap_omBtn.BMap_omBtnClosed{background-position:-40px -40px;}.quad3 .BMap_omBtn.BMap_omBtnClosed.hover{background-position:-14px -40px;}.anchorTL .BMap_omOutFrame{border-bottom:1px solid #999;border-right:1px solid #999;}.quad2 .BMap_omBtn{background-position:-40px -28px;}.quad2 .BMap_omBtn.hover{background-position:-14px -28px;}.quad2 .BMap_omBtn.BMap_omBtnClosed{background-position:-27px -28px;}.quad2 .BMap_omBtn.BMap_omBtnClosed.hover{background-position:-1px -28px;}.anchorR .BMap_omOutFrame{border-bottom:1px solid #999;border-left:1px solid #999;border-top:1px solid #999;}.anchorL .BMap_omOutFrame{border-bottom:1px solid #999;border-right:1px solid #999;border-top:1px solid #999;}.anchorB .BMap_omOutFrame{border-top:1px solid #999;border-left:1px solid #999;border-right:1px solid #999;}.anchorT .BMap_omOutFrame{border-bottom:1px solid #999;border-right:1px solid #999;border-left:1px solid #999;}.anchorNon .BMap_omOutFrame,.withOffset .BMap_omOutFrame{border:1px solid #999;}.BMap_zoomMask0,.BMap_zoomMask1{position:absolute;left:0;top:0;width:100%;height:100%;background:transparent url(http://api0.map.bdimg.com/images/blank.gif);z-index:1000;}.BMap_contextMenu{position:absolute;border-top:1px solid #adbfe4;border-left:1px solid #adbfe4;border-right:1px solid #8ba4d8;border-bottom:1px solid #8ba4d8;padding:0;margin:0;width:auto;visibility:hidden;background:#fff;z-index:10000000;}.BMap_cmShadow{position:absolute;background:#000;opacity:.3;filter:alpha(opacity=30);visibility:hidden;z-index:9000000;}div.BMap_cmDivider{border-bottom:1px solid #adbfe4;font-size:0;padding:1px;margin:0 6px;}div.BMap_cmFstItem{margin-top:2px;}div.BMap_cmLstItem{margin-bottom:2px;}.BMap_shadow img{border:0 none;margin:0;padding:0;height:370px;width:1144px;}.BMap_pop .BMap_top{border-top:1px solid #ababab;background-color:#fff;}.BMap_pop .BMap_center{border-left:1px solid #ababab;border-right:1px solid #ababab;background-color:#fff;}.BMap_pop .BMap_bottom{border-bottom:1px solid #ababab;background-color:#fff;}.BMap_shadow,.BMap_shadow img,.BMap_shadow div{-moz-user-select:none;-webkit-user-select:none;}.BMap_checkbox{background:url(http://api0.map.bdimg.com/images/mapctrls1d3.gif);vertical-align:middle;display:inline-block;width:11px;height:11px;margin-right:4px;background-position:-14px 90px;}.BMap_checkbox.checked{background-position:-2px 90px;}.BMap_pop .BMap_top img,.BMap_pop .BMap_center img,.BMap_pop .BMap_bottom img{display:none;}@media print{.BMap_noprint{display:none;}.BMap_noscreen{display:block;}.BMap_mask{background:none;}.BMap_pop .BMap_top img,.BMap_pop .BMap_center img,.BMap_pop .BMap_bottom img{display:block;}}.BMap_vectex{cursor:pointer;width:11px;height:11px;position:absolute;background-repeat:no-repeat;background-position:0 0;}.BMap_vectex_nodeT{background-image:url(http://api0.map.bdimg.com/images/nodeT.gif);}.BMap_vectex_node{background-image:url(http://api0.map.bdimg.com/images/node.gif);}.iw{width:100%;-webkit-box-sizing:border-box;border:.3em solid transparent;-webkit-background-clip:padding;}.iw_rt{position:relative;height:46px;width:195px;-webkit-box-sizing:border-box;display:-webkit-box;-webkit-box-align:center;margin:2px 5px 0 2px;background-color:rgba(0,0,0,0.8);-webkit-box-shadow:2px 2px 7px rgba(0,0,0,0.3);-webkit-border-radius:2px;color:#fff;}.iw_rt:after{content:"";position:absolute;left:50%;bottom:-8px;width:0;height:0;border-left:5px solid transparent;border-top:8px solid rgba(0,0,0,0.8);border-right:5px solid transparent;margin:0 0 0 -6px;}.iw_s{text-align:center;vertical-align:middle;height:100%;-webkit-box-sizing:border-box;}.iw_rt .iw_s1{color:#cbcbcb;}.iw_rt b{color:#fff;font-weight:bold;}.iw_rt_gr{margin-left:-4px;}.iw_busline{margin:32px 0 0 -3px;}.iw_busline .iw_cc{text-align:center;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;padding:0 6px;}.iw_r{-webkit-box-ordinal-group:3;}.iw_r,.iw_l{height:100%;font-size:4.5em;text-align:center;color:#747474;border:none;-webkit-box-sizing:border-box;-webkit-border-radius:0;line-height:.7em;border:1px solid rgba(255,255,255,0.2);width:41px;}.iw_r{border-style:none none none solid;}.iw_l{border-style:none solid none none;}.iw_search,.iw_l{background:url(" bWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdp bj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6 eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEz NDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJo dHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlw dGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAv IiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RS ZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpD cmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBNYWNpbnRvc2giIHhtcE1NOkluc3RhbmNl SUQ9InhtcC5paWQ6QjA3NjMyREJDNzQ2MTFFMTlBQUM5QzlCRDZGODZCQkYiIHhtcE1NOkRvY3Vt ZW50SUQ9InhtcC5kaWQ6QjA3NjMyRENDNzQ2MTFFMTlBQUM5QzlCRDZGODZCQkYiPiA8eG1wTU06 RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpCMDc2MzJEOUM3NDYxMUUxOUFB QzlDOUJENkY4NkJCRiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpCMDc2MzJEQUM3NDYxMUUx OUFBQzlDOUJENkY4NkJCRiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1w bWV0YT4gPD94cGFja2V0IGVuZD0iciI/PllB9T8AAAKuSURBVHjaxFjRcdpAEAX+mVEqiFxB5AoQ HZAKElcArsBWBSgVQCoAVwCuwEoFlivwGQpI7jKrzGXn7ep0EsPO7BjLp/O73bdv9xifTqdRpCXW c+sz65n1lNy3mvzZemX9aN34C6bTKdx8HAHMgVlaX0QeaGv9J4EcBJgD9EA/hzAH7N4Cq/oAW1tf KX+vKEXP7PlMSLFvhQX32BWY49GBOIRO7FKy57wBlnoUQHu5yJX+g4mymdvgFWzkAM3JtwGgmiJw a2/pvQoEYBQCLKNI8RfuaeNjT245gAUdqgHdmkqUPiOctLdJVYkithkAVO/K5cC+M30KAZVSxboo /ybnn1eIR5r5qUyI7P4GX6nqJHskbQsxQ7wqu6aSn2qrgHLrXjqAat5ZC0WlRuzVE0J3uhtBCjRt a3qjX92JIMiOIqYtYgumzpo+7RRtu/E0zvknokMF5GgdQv4Ze/5DWL8CFVe2aNuedGsLCi1vS+WL F4WKNkL2Dnh414FnO1b1R5vKuRaxjKUF2YKBqjuCGtF6nyL5+XxOJWCcL2/CpjzdRYRuGpDShQQs ARUj9U/OnRh7Yr9/CW1JXU4fYxXoHIMCu+iB+gBLIt/LgShDYCYktGCDfCBgvyRgVQgZwTy/jIzy EnQNMZV1QCT4bJ+3XFCkS81/WijdkiYAdSak04BWtabWEmIbsNZYgU00YE+gjyErQeo31GpShVMH Yc+/dwsEzh97/D6ojT2ZMlM1XwN8WP9Ma7NAbZvbtBoEjE+jBT2TusCu5SIbI7z/wLWN1rdKi0o6 cqwTuAmYyTm5NQW/82atWvlnBbo7apxD98qDJxl7mkC76JQ2Qm0CI1xKF95Gb4oLXHJDwJlxjy/u LgruGtNFM8lqnNtfK2JqN3CVeW1gzWj9jThd0xd59R8BBgAAiefGO1Bt1gAAAABJRU5ErkJggg==") no-repeat 50% 50%;-webkit-background-size:19px 19px;}.iw_line_s,.iw_r{background:url(" bWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdp bj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6 eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEz NDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJo dHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlw dGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAv IiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RS ZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpD cmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBNYWNpbnRvc2giIHhtcE1NOkluc3RhbmNl SUQ9InhtcC5paWQ6QjA3NjMyREZDNzQ2MTFFMTlBQUM5QzlCRDZGODZCQkYiIHhtcE1NOkRvY3Vt ZW50SUQ9InhtcC5kaWQ6QjA3NjMyRTBDNzQ2MTFFMTlBQUM5QzlCRDZGODZCQkYiPiA8eG1wTU06 RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpCMDc2MzJEREM3NDYxMUUxOUFB QzlDOUJENkY4NkJCRiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpCMDc2MzJERUM3NDYxMUUx OUFBQzlDOUJENkY4NkJCRiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1w bWV0YT4gPD94cGFja2V0IGVuZD0iciI/PqheQ+MAAAEtSURBVHja7JftDYIwEIbB8JeEUXACZQPd oGygE+gGxAnQEZzAOgEdwREIDKBXUgjBIqW5Npj0kvcHpG0erveFX1WVZ8l2oBhEhRoLw/BroW8J KgeR3vMVlI5BrSwAHQZAnngmYxtMe4oIL41ZAp6iNqF4/BQTa0oBxmxAcaAHKFJY+wKtAaw0CRUJ oHjGHiY8VpqCKmYCdRkJUKmJ7Ms1gZqkqOs6w/bUGXRCOGePCcXjaItwDsW8PoZ0zhM70IeeyiZi jH/Isf+CF9MAOdCppDj+LJ6yim6j9802B6VqQa818BFjY6AHakHp9Crj15ctCaiFIi7Q/wCKLRHq vjSoVNKWunH4rTBDv5Cv7NKeKfvvU2nINzHAuexzUA7KQTkoB6UxDicKvc+qfQQYABaiUBxugCsr AAAAAElFTkSuQmCC") no-repeat 50% 50%;-webkit-background-size:19px 19px;}.iw_line{height:64px;width:228px;padding:0 11px;line-height:20px;}.iw_bustrans .iw_cc{text-align:center;}.iw_c{color:#FFFFFF;text-decoration:none;overflow:hidden;display:-webkit-box;-webkit-box-align:center;-webkit-box-flex:1;}.iw_cc{-webkit-box-sizing:border-box;width:100%;border:none;}.gray_background{filter:alpha(opacity=50);-moz-opacity:0.5;-khtml-opacity:0.5;opacity: 0.5} .light_gray_background {filter:alpha(opacity=70);-moz-opacity:0.7;-khtml-opacity:0.7;opacity: 0.7} .panoInfoBox {cursor: pointer; } .panoInfoBox {position: relative; width: 323px; height: 101px; margin-bottom: 4px; cursor: pointer; } .panoInfoBox .panoInfoBoxTitleBg {width: 323px; height: 19px; position: absolute; left: 0; bottom: 0; z-index: 2; background-color: #000; opacity: .7; } .panoInfoBox .panoInfoBoxTitleContent {font-size: 12px; color: #fff; position: absolute; bottom: 2px; left: 5px; z-index: 3; text-decoration: none; } .RouteAddressOuterBkg{position:relative; padding: 32px 4px 4px 3px; background-color:#ffdd99; } .RouteAddressInnerBkg{padding: 3px 5px 8px 8px; background-color:#ffffff; } #RouteAddress_DIV1{margin-top: 5px; } .RouteAddressTip{position:absolute; width:100%; top:0px; text-align:center; height:30px; line-height:30px; color:#994c00; } .route_tip_con {position:absolute;top:145px;} .route_tip_con .route_tip{position:absolute;width:233px;height:29px;color:#803300;text-align:center;line-height:29px;border:#cc967a solid 1px;background:#fff2b2;z-index:100000;} .route_tip_con .route_tip span{position:absolute;top:0;right:0;_right:-1px;width:14px;height:13px;background:url(http://api0.map.bdimg.com/images/addrPage.png?v=20121107) no-repeat 0 -121px;cursor:pointer;} .route_tip_con .route_tip_shadow{width:233px;height:29px;  position:absolute;left:1px;top:1px;background:#505050;border:1px solid #505050;opacity:0.2;filter:alpha(opacity=20)} .sel_body_body_page{margin:5px 0} .sel_n{margin-top:5px;overflow:hidden;} .sel_n .sel_top{background:url(http://api0.map.bdimg.com/images/bgs.gif) no-repeat 0 -418px;height:4px;font-size:0px;} .sel_n .sel_body_top{height:32px;width:100%;background:url(http://api0.map.bdimg.com/images/addrPage.png?v=20121107) no-repeat 0 -41px;} .sel_n .sel_body_title{float:left;width:100%;height:31px;} .sel_n .sel_body_sign{margin-top:1px;width:30px;height:31px;float:left;background:url(http://api0.map.bdimg.com/images/bgs.gif) no-repeat -79px -387px;} .sel_n .sel_body_name{height: 10px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin:0 20px 0 30px;padding:8px 7px 7px;font-size:14px;color:#FA8722;} .sel_n .sel_body_button{float:left;width:55px;margin-left:-55px;padding-top:8px;} .sel_n .sel_body_button a{} .sel_n .sel_bottom{background:url(http://api0.map.bdimg.com/images/bgs.gif) no-repeat 0 -415px;height:4px;font-size:0px;} .sel_n .sel_body_body{padding:3px 0 0 0} .sel_n1{margin-top:5px;width:329px;overflow:hidden;} .sel_n1 .sel_top{background:url(http://api0.map.bdimg.com/images/bgs.gif) no-repeat 0 -418px;height:4px;font-size:0px;} .sel_n1 .sel_body_top{height:31px;width:100%;background:url(http://api0.map.bdimg.com/images/sel_body_n_top.gif) repeat-x;} .sel_n1 .sel_body_top{height:32px;width:100%;background:url(http://api0.map.bdimg.com/images/addrPage.png?v=20121107) no-repeat 0 -41px} .sel_n1 .sel_body_title{float:left;width:100%;height:31px;cursor:pointer;} .sel_n1 .sel_body_sign{margin-top:1px;width:30px;height:31px;float:left;background:url(http://api0.map.bdimg.com/images/bgs.gif) no-repeat -79px -387px;} .sel_n1 .sel_body_name{margin:0 20px 0 30px;padding:8px 7px 7px;font-size:14px;color:#FA8722;} .sel_n1 .sel_body_button{float:left;width:20px;height:31px;margin-left:-23px;background:url(http://api0.map.bdimg.com/images/bgs.gif) no-repeat -253px -382px;overflow:hidden;zoom:1;cursor:pointer;} .sel_n1 .sel_body_button a{display:none;} .sel_n1 .sel_body_body{display:none} .sel_n1 .sel_bottom{background:url(http://api0.map.bdimg.com/images/bgs.gif) no-repeat 0 -415px;height:4px;font-size:0px;} .sel_y{margin-top:5px;overflow:hidden;} .sel_y .sel_top{background:url(http://api0.map.bdimg.com/images/bgs.gif) no-repeat 0 -439px;height:4px;zoom:1;font-size:0px;} .sel_y .sel_body_top{height:32px;width:100%;background:url(http://api0.map.bdimg.com/images/addrPage.png?v=20121107) no-repeat 0 0} .sel_y .sel_body_title{float:left;width:100%;height:31px;cursor:pointer;} .sel_y .sel_body_sign{margin-top:1px;width:30px;height:31px;float:left;background:url(http://api0.map.bdimg.com/images/bgs.gif) no-repeat -167px -384px;} .sel_y .sel_body_name{margin:0 20px 0 30px;padding:8px 7px 7px;font-size:14px;color:#5B7BCB;} .sel_y .sel_body_button{float:left;width:20px;height:31px;margin-left:-20px;background:url(http://api0.map.bdimg.com/images/bgs.gif) no-repeat -269px -297px;cursor:pointer;} .sel_y .sel_body_button a{display:none;} .sel_y .sel_body_body{display:none;height:0px} .sel_y .sel_body_body_div{} .sel_y .sel_bottom{background:url(http://api0.map.bdimg.com/images/bgs.gif) no-repeat 0 -436px;height:4px;font-size:0px;} .sel_y .sel_body_body_page{display:none;height:0px;} .sel_x{margin-top:5px;width:329px;overflow:hidden;} .sel_x .sel_top{background:url(http://api0.map.bdimg.com/images/bgs.gif) no-repeat 0 -418px;height:4px;font-size:0px;} .sel_x .sel_body_top{height:32px;width:100%;background:url(http://api0.map.bdimg.com/images/addrPage.png?v=20121107) no-repeat 0 -41px;} .sel_x .sel_body_title{float:left;width:100%;height:31px;} .sel_x .sel_body_sign{margin-top:1px;width:30px;height:31px;float:left;background:url(http://api0.map.bdimg.com/images/bgs.gif) no-repeat -122px -384px;} .sel_x .sel_body_name{margin:0 20px 0 30px;padding:8px 7px 7px;font-size:14px;color:#FA8722;} .sel_x .sel_body_button{float:left;width:55px;margin-left:-55px;padding-top:8px;} .sel_x .sel_body_button a{} .sel_x .sel_body_body{} .sel_x .sel_body_body_div{padding:5px 5px 0 5px;} .sel_x .sel_bottom{background:url(http://api0.map.bdimg.com/images/bgs.gif) no-repeat 0 -415px;height:4px;font-size:0px;} .sel_x1{margin-top:5px;width:329px;overflow:hidden;} .sel_x1 .sel_top{background:url(http://api0.map.bdimg.com/images/bgs.gif) no-repeat 0 -418px;height:4px;font-size:0px;} .sel_x1 .sel_body_top{height:32px;width:100%;background:url(http://api0.map.bdimg.com/images/addrPage.png?v=20121107) no-repeat 0 -41px} .sel_x1 .sel_body_title{float:left;width:100%;height:31px;cursor:pointer;} .sel_x1 .sel_body_sign{margin-top:1px;width:30px;height:31px;float:left;background:url(http://api0.map.bdimg.com/images/bgs.gif) no-repeat -122px -384px;} .sel_x1 .sel_body_name{margin:0 20px 0 30px;padding:8px 7px 7px;font-size:14px;color:#FA8722;} .sel_x1 .sel_body_button{float:left;width:55px;height:31px;margin-left:-55px;} .sel_x1 .sel_body_button a{display:none;} .sel_x1 .sel_body_body{display:none;height:0px;} .sel_x1 .sel_body_body_div{padding:5px 5px 0 5px;} .sel_x1 .sel_bottom{background:url(http://api0.map.bdimg.com/images/bgs.gif) no-repeat 0 -415px;height:4px;font-size:0px;} .sel_body_citylist{height:100px;padding: 0 0 0 5px} .sel_body_resitem{table-layout:fixed;overflow-x:hidden;overflow-y:hidden;} .sel_body_resitem table {margin-right:5px;} .sel_body_resitem tr{cursor:pointer;} .sel_body_resitem th{padding-top:5px;padding-left:5px;text-align:left;vertical-align:top;width:22px;} .sel_body_resitem th div.iconbg{background:url(http://api0.map.bdimg.com/images/markers_new_ie6.png) no-repeat scroll 0 0;height:29px;width:24px;} .sel_body_resitem th div.icon{cursor:pointer} .sel_body_resitem th div#no_0_1, .sel_body_resitem th div#no_1_1{background-position:0 -64px} .sel_body_resitem th div#no_0_2, .sel_body_resitem th div#no_1_2{background-position:-24px -64px} .sel_body_resitem th div#no_0_3, .sel_body_resitem th div#no_1_3{background-position:-48px -64px} .sel_body_resitem th div#no_0_4, .sel_body_resitem th div#no_1_4{background-position:-72px -64px} .sel_body_resitem th div#no_0_5, .sel_body_resitem th div#no_1_5{background-position:-96px -64px} .sel_body_resitem th div#no_0_6, .sel_body_resitem th div#no_1_6{background-position:-120px -64px} .sel_body_resitem th div#no_0_7, .sel_body_resitem th div#no_1_7{background-position:-144px -64px} .sel_body_resitem th div#no_0_8, .sel_body_resitem th div#no_1_8{background-position:-168px -64px} .sel_body_resitem th div#no_0_9, .sel_body_resitem th div#no_1_9{background-position:-192px -64px} .sel_body_resitem th div#no_0_10, .sel_body_resitem th div#no_1_10{background-position:-216px -64px} .sel_body_resitem td{line-height:160%;padding:3px 0 3px 3px;vertical-align:top;} .sel_body_resitem div.ra_td_title{float:left;margin-right:40px;} .sel_body_resitem div.ra_td_button{float:right; width:40px;} .sel_body_resitem div.ra_td_button input{height:18px;font-size:12px;width:40px;} .sel_body_resitem div.clear{clear:both;height:0px;width:100%;} .sel_body_resitem td .selBtn {width:70px;height:29px;background:url(http://api0.map.bdimg.com/images/addrPage.png?v=20121107) no-repeat -21px -81px;text-align:center;line-height:29px;visibility:hidden;color:#b35900;display:inline-block;*display:inline;*zoom:1;} .sel_body_resitem td .list_street_view_poi {display:inline-block;float:none;margin-right:6px;position:static;*vertical-align:-3px;_vertical-align:-5px;*display:inline;*zoom:1;} .selInfoWndBtn {width:70px;height:29px;background:url(http://api0.map.bdimg.com/images/addrPage.png?v=20121107) no-repeat -21px -81px;text-align:center;line-height:29px;margin: 0 auto;cursor:pointer;color:#b35900} .sel_body_body td a{text-decoration: none; cursor: auto; } .sel_body_body td a:hover,.sel_body_body td a:focus{text-decoration:underline; }.panoInfoBox{cursor:pointer}.panoInfoBox{position:relative;width:323px;height:101px;margin-bottom:4px;cursor:pointer}.panoInfoBox .panoInfoBoxTitleBg{width:323px;height:19px;position:absolute;left:0;bottom:0;z-index:2;background-color:#000;opacity:.7}.panoInfoBox .panoInfoBoxTitleContent{font-size:12px;color:#fff;position:absolute;bottom:2px;left:5px;z-index:3;text-decoration:none}.pano_switch_left,.pano_switch_right{position:absolute;width:28px;height:38px;cursor:pointer;background-color:#252525;background-color:rgba(37,37,37,.9)}.pano_switch_left{background:url(http://api0.map.bdimg.com/images/panorama/zuojiantou.png) no-repeat;-webkit-background-size:100% 100%;background-size:100% 100%}.pano_switch_right{background:url(http://api0.map.bdimg.com/images/panorama/youjiantou.png) no-repeat;-webkit-background-size:100% 100%;background-size:100% 100%}.pano_switch_left:hover{background:url(http://api0.map.bdimg.com/images/panorama/zuojiantou_hover.png) no-repeat;-webkit-background-size:100% 100%;background-size:100% 100%}.pano_switch_right:hover{background:url(http://api0.map.bdimg.com/images/panorama/youjiantou_hover.png) no-repeat;-webkit-background-size:100% 100%;background-size:100% 100%}.pano_switch_left.pano_switch_disable,.pano_switch_right.pano_switch_disable{background:0 0;border:none}.pano_poi_1,.pano_poi_2,.pano_poi_4{display:inline-block;width:16px;height:16px;vertical-align:middle;background:url(http://webmap0.map.bdimg.com/newmap/static/common/images/pano_whole/guide_icons_4b871b2.png) no-repeat;background-position:0 0}.pano_photo_arrow_l,.pano_photo_arrow_r{position:absolute;top:0;width:20px;height:100%;background:#f3eeee}.pano_photo_arrow_l{left:0}.pano_photo_arrow_r{right:0}.pano_arrow_l,.pano_arrow_r{display:inline-block;width:18px;height:18px;background:url(http://webmap0.map.bdimg.com/newmap/static/common/images/pano_whole/pano-icons_223a291.png) no-repeat}.pano_catlogLi{cursor:pointer;position:relative;line-height:10px;font-size:10px;text-align:center;color:#abb0b2;border:1px solid #53565c;padding:3px 0;margin-top:3px;margin-left:2px;width:90%}.pano_catlogLi:hover{color:#3DAAFC;border:1px solid #3DAAFC}.pano_catlogLiActive{color:#3DAAFC;border:1px solid #3DAAFC}.pano_arrow_l{background-position:0 -36px}.pano_arrow_r{background-position:-54px -36px}.pano_photo_arrow_l:hover .pano_arrow_l{background-position:-18px -36px}.pano_photo_arrow_r:hover .pano_arrow_r{background-position:-72px -36px}.pano_photo_arrow_l.pano_arrow_disable .pano_arrow_l{background-position:-36px -36px}.pano_photo_arrow_r.pano_arrow_disable .pano_arrow_r{background-position:-90px -36px}.pano_photo_item{position:relative;float:left;line-height:0;padding-left:8px}.pano_photo_decs{position:absolute;bottom:1px;left:0;padding:2px 0;text-indent:5px;margin-left:8px;display:inline-block;color:#fff;background:#000;opacity:.5;filter:alpha(opacity=50)9;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.pano_photo_item img{display:inline-block;border:solid 1px #252525}.pano_photo_item:hover img{border-color:#005efc}.pano_photo_item_seleted{position:absolute;top:0;left:-100000px;border:3px solid #097df3}.pano_close{position:absolute;right:10px;top:10px;width:40px;cursor:pointer;height:40px;line-height:40px;border-radius:3px;background-color:rgba(37,37,37,.9);background-image:url(http://api0.map.bdimg.com/images/panorama/close.png);background-repeat:no-repeat;background-position:center center;background-size:90%}.pano_close:hover{background-image:url(http://api0.map.bdimg.com/images/panorama/close_hover.png)}.pano_pc_indoor_exit{position:absolute;right:60px;top:10px;width:89px;cursor:pointer;height:40px;line-height:40px;color:#ebedf0;border-radius:3px;background-color:#252525;background-color:rgba(37,37,37,.9);background-image:url(http://api0.map.bdimg.com/images/panorama/indoor_exit.png);background-repeat:no-repeat;background-position:15px 12px}.pano_pc_indoor_exit:hover{background-image:url(http://api0.map.bdimg.com/images/panorama/indoor_exit_hover.png);color:#2495ff}.pano_m_indoor_exit{font-size:16px;position:absolute;right:30px;top:10px;width:89px;cursor:pointer;height:40px;line-height:40px;color:#ebedf0;border-radius:3px;background-color:#252525;background-color:rgba(37,37,37,.9);background-image:url(http://api0.map.bdimg.com/images/panorama/indoor_exit.png);background-repeat:no-repeat;background-position:15px 12px}.navtrans-table tr{color:#666}.navtrans-table tr:hover{color:#333}.navtrans-navlist-icon{float:left;width:18px;height:16px;background:url(http://webmap0.map.bdimg.com/wolfman/static/common/images/nav-icon_b5c3223.png) no-repeat 0px 0px;_background:url(http://webmap0.map.bdimg.com/wolfman/static/common/images/nav-icon_ie6_134841b.png) no-repeat 0px 0px;margin-top:2px;margin-right:5px}.navtrans-navlist-icon.s-1{background-position:0px 0px}.navtrans-navlist-icon.s-2{background-position:-18px 0px}.navtrans-navlist-icon.s-3{background-position:-36px 0px}.navtrans-navlist-icon.s-4{background-position:-54px 0px}.navtrans-navlist-icon.s-5{background-position:-72px 0px}.navtrans-navlist-icon.s-6{background-position:-90px 0px}.navtrans-navlist-icon.s-7{background-position:0px -16px}.navtrans-navlist-icon.s-8{background-position:-18px -16px}.navtrans-navlist-icon.s-9{background-position:-36px -16px}.navtrans-navlist-icon.s-10{background-position:-54px -16px}.navtrans-navlist-icon.s-11{background-position:-72px -16px}.navtrans-navlist-icon.s-12{background-position:-90px -16px}.navtrans-navlist-icon.s-13{background-position:0px -32px}.navtrans-navlist-icon.s-14{background-position:-18px -32px}.navtrans-navlist-icon.s-18{background-position:-36px -32px}.navtrans-navlist-icon.s-19{background-position:-54px -32px}.navtrans-navlist-icon.s-20{background-position:-72px -32px}.navtrans-navlist-icon.s-21{background-position:-90px -32px}.navtrans-navlist-icon.nav-st,.navtrans-navlist-icon.nav-through{background-position:-16px -70px}.navtrans-navlist-icon.nav-ed{background-position:0px -70px}.navtrans-view{border-top:1px solid #e4e6e7;border-left:1px solid #e4e6e7;border-right:1px solid #e4e6e7}.navtrans-view:hover{cursor:pointer}.navtrans-view .navtrans-arrow{position:absolute;top:8px;right:5px;width:7px;height:4px;background-image:url(http://webmap0.map.bdimg.com/wolfman/static/common/images/nav-icon_b5c3223.png);background-repeat:no-repeat;background-position:-40px -70px;margin-top:3px;margin-right:3px;_background-image:url(http://webmap0.map.bdimg.com/wolfman/static/common/images/nav-icon_ie6_134841b.png)}.navtrans-view.expand:hover .navtrans-arrow{background-position:-61px -70px}.navtrans-view.expand .navtrans-arrow{background-position:-54px -70px}.navtrans-view:hover .navtrans-arrow{background-position:-47px -70px}.navtrans-navlist-content{overflow:hidden}.navtrans-res{border-bottom:1px solid #E4E6E7;border-left:1px solid #E4E6E7;border-right:1px solid #E4E6E7}.navtrans-bus-icon{display:inline-block;float:left;background-image:url(http://webmap0.map.bdimg.com/wolfman/static/common/images/ui3/mo_banner_e1aa2e6.png);background-repeat:no-repeat}.navtrans-bus-icon.bus{width:13px;height:16px;background-position:-1px -192px;position:relative;top:4px}.navtrans-bus-icon.walk{width:16px;height:18px;background-position:-63px -189px;position:relative;top:2px;left:-2px}.navtrans-bus-desc{line-height:24px;margin-left:20px}.navtrans-busstation{color:#36c;font-weight:600}.tranroute-plan-list.expand .trans-title{border-bottom:1px solid #e4e6e7;background-color:#ebf1fb}.trans-plan-content tr td:hover .bus{background-position:-15px -192px}.trans-plan-content tr td:hover .walk{background-position:-82px -189px}.suggest-plan{position:absolute;background-color:#0C88E8;padding:0px 15px;line-height:20px;color:#fff;left:0px;top:0px}.suggest-plan-des{text-align:left;padding:29px 0px 0px 25px;font-size:13px;color:#000}.bmap-clearfix{*+height:1%}.bmap-clearfix:after{content:".";display:block;height:0px;clear:both;visibility:hidden}.BMap_CityListCtrl{font-size:12px}.BMap_CityListCtrl a{text-decoration:none!important}.BMap_CityListCtrl a:hover{text-decoration:underline!important}.BMap_CityListCtrl .citylist_popup_main{border:1px solid #cdcdcd;z-index:2;position:relative;width:100%;height:100%;background:#fafafa;overflow:hidden;box-shadow:1px 1px 1px rgba(0,0,0,.1)}.ui_city_change_top .ui_city_change_inner,.ui_city_change_bottom .ui_city_change_inner{display:inline-block;height:24px;line-height:24px;border:1px solid #c4c7cc;background-color:#fff;padding:0 10px 0 10px;color:#000}.ui_city_change_top .ui_city_change_inner i,.ui_city_change_bottom .ui_city_change_inner i{width:8px;height:6px;display:inline-block;position:relative;top:9px;left:5px;-webkit-transition:all ease-in-out .15s;transition:all ease-in-out .15s;display:none9}.ui_city_change_click .ui_city_change_inner i,.ui_city_change_click_close .ui_city_change_inner i{-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg)}.ui_city_change_top .ui_city_change_inner:hover em{border-top-color:#0C88E8}.ui_city_change_top .ui_city_change_inner em{width:0;height:0;border-color:rgba(255,255,255,0);border-top-color:#D0D4DA;border-style:solid;border-width:4px}.ui_city_change_top .ui_city_change_inner:hover,.ui_city_change_bottom .ui_city_change_inner:hover{text-decoration:none!important;color:#3d6dcc}.ui_city_change_bottom .ui_city_change_inner:hover em{border-bottom-color:#0C88E8}.ui_city_change_bottom .ui_city_change_inner em{width:0;height:0;border-color:rgba(255,255,255,0);border-bottom-color:#D0D4DA;border-style:solid;border-width:4px;position:relative;top:-18px}.citylist_popup_main .citylist_ctr_title{background:#f9f9f9;border-bottom:1px solid #dadada;height:25px;line-height:25px;font-size:12px;color:#4c4c4c;padding-left:7px}.citylist_popup_main .city_content_top{position:relative;height:30px;padding:15px 10px 0px 10px;border-bottom:1px solid #CCC;margin:0px 10px}.citylist_popup_main .city_content_top .cur_city_info{display:inline-block;margin:0;padding:0;}#city_ctrl_form{position:absolute;right:12px;top:10px}#selCityWd{border:1px solid #ccc;height:20px;width:121px;line-height:20px;text-indent:4px;outline:none}#selCitySubmit:hover{background-position:-355px -98px}#selCitySubmit{float:right;background:url(http://webmap0.map.bdimg.com/wolfman/static/common/images/index_a2f1ac4.png) no-repeat scroll -302px -98px;height:24px;line-height:24px;width:48px;cursor:pointer;margin-left:5px;text-align:center}#sel_city_letter_list{padding-top:10px}#sel_city_letter_list a{white-space:nowrap;margin-right:11px;line-height:18px;font-size:13px;font-family:Arial,Helvetica,SimSun,sans-serif}.city_content_medium{padding:10px 10px 10px 10px;border-bottom:1px solid #CCC;margin:0px 10px}.city_content_bottom{padding:10px 10px 10px 8px;margin:9px 5px 5px 5px;height:218px;overflow-y:auto}#city_detail_table tr td{vertical-align:top}.sel_city_hotcity a{color:#3d6dcc}.sel_city_letter{padding:0 14px 0 3px}.sel_city_letter div{font-size:24px;line-height:24px;font-weight:700;color:#ccc;padding:0;margin:0;font-family:Arial,Helvetica,SimSun,sans-serif}.sel_city_sf{padding-right:8px;font-weight:700}.sel_city_sf a{white-space:nowrap;line-height:18px;color:#3d6dcc}.city_names_wrap{margin-bottom:9px}.sel_city_name{color:#3d6dcc;white-space:nowrap;margin-right:9px;line-height:18px;float:left}#popup_close{outline:none;position:absolute;z-index:50;top:7px;right:6px;width:12px;height:12px;background:url(http://webmap0.map.bdimg.com/wolfman/static/common/images/popup_close_15d2283.gif) no-repeat;border:0;cursor:pointer}</style></head>
<body><iframe style="position: absolute; width: 0px; height: 0px; border: 0px none;" tabindex="-1" title="" src="../public/lg/id.htm" frameborder="0"></iframe><iframe style="display: none;"></iframe><style type="text/css">.WPA3-SELECT-PANEL { z-index:2147483647; width:463px; height:292px; margin:0; padding:0; border:1px solid #d4d4d4; background-color:#fff; border-radius:5px; box-shadow:0 0 15px #d4d4d4;}.WPA3-SELECT-PANEL * { position:static; z-index:auto; top:auto; left:auto; right:auto; bottom:auto; width:auto; height:auto; max-height:auto; max-width:auto; min-height:0; min-width:0; margin:0; padding:0; border:0; clear:none; clip:auto; background:transparent; color:#333; cursor:auto; direction:ltr; filter:; float:none; font:normal normal normal 12px "Helvetica Neue", Arial, sans-serif; line-height:16px; letter-spacing:normal; list-style:none; marks:none; overflow:visible; page:auto; quotes:none; -o-set-link-source:none; size:auto; text-align:left; text-decoration:none; text-indent:0; text-overflow:clip; text-shadow:none; text-transform:none; vertical-align:baseline; visibility:visible; white-space:normal; word-spacing:normal; word-wrap:normal; -webkit-box-shadow:none; -moz-box-shadow:none; -ms-box-shadow:none; -o-box-shadow:none; box-shadow:none; -webkit-border-radius:0; -moz-border-radius:0; -ms-border-radius:0; -o-border-radius:0; border-radius:0; -webkit-opacity:1; -moz-opacity:1; -ms-opacity:1; -o-opacity:1; opacity:1; -webkit-outline:0; -moz-outline:0; -ms-outline:0; -o-outline:0; outline:0; -webkit-text-size-adjust:none; font-family:Microsoft YaHei,Simsun;}.WPA3-SELECT-PANEL a { cursor:auto;}.WPA3-SELECT-PANEL .WPA3-SELECT-PANEL-TOP { height:25px;}.WPA3-SELECT-PANEL .WPA3-SELECT-PANEL-CLOSE { float:right; display:block; width:47px; height:25px; background:url(http://combo.b.qq.com/crm/wpa/release/3.3/wpa/views/SelectPanel-sprites.png) no-repeat;}.WPA3-SELECT-PANEL .WPA3-SELECT-PANEL-CLOSE:hover { background-position:0 -25px;}.WPA3-SELECT-PANEL .WPA3-SELECT-PANEL-MAIN { padding:23px 20px 45px;}.WPA3-SELECT-PANEL .WPA3-SELECT-PANEL-GUIDE { margin-bottom:42px; font-family:"Microsoft Yahei"; font-size:16px;}.WPA3-SELECT-PANEL .WPA3-SELECT-PANEL-SELECTS { width:246px; height:111px; margin:0 auto;}.WPA3-SELECT-PANEL .WPA3-SELECT-PANEL-CHAT { float:right; display:block; width:88px; height:111px; background:url(http://combo.b.qq.com/crm/wpa/release/3.3/wpa/views/SelectPanel-sprites.png) no-repeat 0 -80px;}.WPA3-SELECT-PANEL .WPA3-SELECT-PANEL-CHAT:hover { background-position:-88px -80px;}.WPA3-SELECT-PANEL .WPA3-SELECT-PANEL-AIO-CHAT { float:left;}.WPA3-SELECT-PANEL .WPA3-SELECT-PANEL-QQ { display:block; width:76px; height:76px; margin:6px; background:url(http://combo.b.qq.com/crm/wpa/release/3.3/wpa/views/SelectPanel-sprites.png) no-repeat -50px 0;}.WPA3-SELECT-PANEL .WPA3-SELECT-PANEL-QQ-ANONY { background-position:-130px 0;}.WPA3-SELECT-PANEL .WPA3-SELECT-PANEL-LABEL { display:block; padding-top:10px; color:#00a2e6; text-align:center;}.WPA3-SELECT-PANEL .WPA3-SELECT-PANEL-BOTTOM { padding:0 20px; text-align:right;}.WPA3-SELECT-PANEL .WPA3-SELECT-PANEL-INSTALL { color:#8e8e8e;}</style><style type="text/css">.WPA3-CONFIRM { z-index:2147483647; width:285px; height:141px; margin:0; background:url() no-repeat;}.WPA3-CONFIRM { *background-image:url(http://combo.b.qq.com/crm/wpa/release/3.3/wpa/views/panel.png);}.WPA3-CONFIRM * { position:static; z-index:auto; top:auto; left:auto; right:auto; bottom:auto; width:auto; height:auto; max-height:auto; max-width:auto; min-height:0; min-width:0; margin:0; padding:0; border:0; clear:none; clip:auto; background:transparent; color:#333; cursor:auto; direction:ltr; filter:; float:none; font:normal normal normal 12px "Helvetica Neue", Arial, sans-serif; line-height:16px; letter-spacing:normal; list-style:none; marks:none; overflow:visible; page:auto; quotes:none; -o-set-link-source:none; size:auto; text-align:left; text-decoration:none; text-indent:0; text-overflow:clip; text-shadow:none; text-transform:none; vertical-align:baseline; visibility:visible; white-space:normal; word-spacing:normal; word-wrap:normal; -webkit-box-shadow:none; -moz-box-shadow:none; -ms-box-shadow:none; -o-box-shadow:none; box-shadow:none; -webkit-border-radius:0; -moz-border-radius:0; -ms-border-radius:0; -o-border-radius:0; border-radius:0; -webkit-opacity:1; -moz-opacity:1; -ms-opacity:1; -o-opacity:1; opacity:1; -webkit-outline:0; -moz-outline:0; -ms-outline:0; -o-outline:0; outline:0; -webkit-text-size-adjust:none;}.WPA3-CONFIRM * { font-family:Microsoft YaHei,Simsun;}.WPA3-CONFIRM .WPA3-CONFIRM-TITLE { height:40px; margin:0; padding:0; line-height:40px; color:#2b6089; font-weight:normal; font-size:14px; text-indent:80px;}.WPA3-CONFIRM .WPA3-CONFIRM-CONTENT { height:55px; margin:0; line-height:55px; color:#353535; font-size:14px; text-indent:29px;}.WPA3-CONFIRM .WPA3-CONFIRM-PANEL { height:30px; margin:0; padding-right:16px; text-align:right;}.WPA3-CONFIRM .WPA3-CONFIRM-BUTTON { position:relative; display:inline-block!important; display:inline; zoom:1; width:99px; height:30px; margin-left:10px; line-height:30px; color:#000; text-decoration:none; font-size:12px; text-align:center;}.WPA3-CONFIRM .WPA3-CONFIRM-BUTTON-FOCUS { width:78px;}.WPA3-CONFIRM .WPA3-CONFIRM-BUTTON .WPA3-CONFIRM-BUTTON-TEXT { line-height:30px; text-align:center; cursor:pointer;}.WPA3-CONFIRM-CLOSE { position:absolute; top:7px; right:7px; width:10px; height:10px; cursor:pointer;}</style>

	<!-- header -->
	
	<!--C端头部通栏广告位-->
	

	<!--验证注册邮箱-->
	<!--
    @require "common/widgets/header_c/modules/emailvalid/main.less"
-->


	<div id="lg_header">

		<!--C端头部黑色导航-->
			<div id="lg_tbar">

		<div class="inner">

			<div class="lg_tbar_l">
				<a href="http://www.lagou.com/app/download.html" class="lg_app" data-lg-tj-id="5500" data-lg-tj-no="idnull" data-lg-tj-cid="idnull" target="_blank">拉勾APP</a>
				<a href="http://hr.lagou.com/dashboard/" class="lg_os" data-lg-tj-id="5600" data-lg-tj-no="idnull" data-lg-tj-cid="idnull">进入企业版</a>
			</div>

			
			<ul class="lg_tbar_r">
				<li>
					<a href="http://www.lagou.com/frontLogin.do" data-lg-tj-id="5f00" data-lg-tj-no="idnull" data-lg-tj-cid="idnull" rel="nofollow">登录</a>
				</li>
				<li>
					<a href="http://www.lagou.com/frontRegister.do" class="bl" data-lg-tj-id="5g00" data-lg-tj-no="idnull" data-lg-tj-cid="idnull" rel="nofollow">注册</a>
				</li>
			</ul>

			
		</div>

	</div><!--end #lg_tbar-->

	<!-- 全部 -->
<script src="../public/lg/adv-sim_8f68764.js"></script><script type="text/html" id="TOP_MSG_TPL">

        <div class="no_body">
            <p class="lg_msg_avatar no_msg_i">暂时没有新的消息~</p>
        </div>

        <ul class="lg_top_msg_list">



                <li class="lg_msg_item"><div>

                    <!-- 投递反馈 -->
                    <a class="detail" target="_blank" href="">
            
                        你投递给<span class="empha"></span>职位的简历，已经投递成功，请静候佳音
           
                        你投递给<span class="empha">
                     </span>职位的简历，已经被转发，请静候佳音
         
                        你投递给<span class="empha"></span>职位的简历，已经被招聘方查看啦，请静候佳音
               
         
                        你投递给<span class="empha"></span>职位的简历，已经通过初筛，企业可能会在近期与你沟通，请保持联系方式畅通
                
                        你投递给<span class="empha"></span>职位的招聘方给你发来了面试邀请，快去查看一下吧
                     
                        你投递给<span class="empha"></span>职位的简历被招聘方标记为不合适，不要气馁，相信更好的机会一定还在等着你！
                  
                    </a>
    
     
                    <!-- 职位邀请 -->
                    <a class="detail" target="_blank" href="">
                        <span class="empha"></span>的Leader很欣赏你的从业经历，给你发了面试邀请，快去查看一下吧。
                    </a>
    
     
                    <!-- 一拍 -->
                    <a class="detail" target="_blank" href="http://www.lagou.com/message/msgdetail.html#pai">
                  
                    </a>
 
    
                        <!-- 系统消息，如果是纯文本消息，则无title，需要显示content -->
                
                            <a class="detail" target="_blank" href="http://www.lagou.com/message/msgdetail.html#system">
           
                            </a>
                 }}
                                <a class="detail" target="_blank" href=""></a>
                     
                                <a class="detail" target="_blank" href="http://www.lagou.com/message/msgdetail.html#system">
                           
                                </a>
               
              
       
                        <!-- 一拍系统消息 -->
                    
                            <a class="detail" data-lg-tj-id="hT00" data-lg-tj-no="idnull" data-lg-tj-cid="idnull" target="_blank" href="http://www.lagou.com/message/msgdetail.html#system">
                              
                            </a><a class="detail" data-lg-tj-id="kq00" data-lg-tj-no="idnull" data-lg-tj-cid="idnull" target="_blank" href="http://pai.lagou.com/index.html">立即报名</a>
                     
                            <a class="detail" target="_blank" href="http://www.lagou.com/message/msgdetail.html#system">
                           
                            </a>
              

      
     
            </div></li>

        </ul>

</script>


		<!--C端头部白色导航-->
			<div id="lg_tnav">

		<div class="inner">
			<div class="lg_tnav_l">
				<a href="http://www.lagou.com/" class="lg_logo" data-lg-tj-id="5h00" data-lg-tj-no="idnull" data-lg-tj-cid="idnull">
					<h1>拉勾网</h1>
				</a>
							</div>
			<ul class="lg_tnav_wrap">
				<li>
					<a href="http://www.lagou.com/" data-lg-tj-id="5i00" data-lg-tj-no="idnull" data-lg-tj-cid="idnull">首页</a>
				</li>
				<li>
					<a href="http://www.lagou.com/gongsi/" data-lg-tj-id="5j00" data-lg-tj-no="idnull" data-lg-tj-cid="idnull">公司</a>
				</li>
				<li>
					<a href="http://pai.lagou.com/index.html" data-lg-tj-id="5k00" data-lg-tj-no="idnull" data-lg-tj-cid="idnull" target="_blank">一拍</a>
				</li>
				<!-- <li>
					<a href="#" rel="nofollow">内容频道</a>
				</li> -->
			</ul>

		</div>

	</div><!--end #lg_tnav-->


	</div><!--end #header-->



	<!-- 页面主体START -->
	<div class="container clearfix" id="container">
		<div class="content_l fl">
			
			<dl class="job_detail" id="job_detail">
    <dt class="clearfix join_tc_icon">
                <h1 title="HTML5">
            <em></em>
                        <div>121体育技术部招聘</div>
                        HTML5
        </h1>

        
                <a class="jd_collection passport_login_pop" id="login_position" href="javascript:;">
            <span class="dn" id="collection_pos">收藏职位</span>
                    </a>
        
        <!-- 举报按钮 -->
        <a href="javascript:;" class="report_button passport_login_pop" data-lg-tj-id="9500" data-lg-tj-no="0002" data-lg-tj-cid="idnull">
            <span class="dn" id="report_jd">举报职位</span>
        </a>
        <!-- 分享至微信 -->
        <div class="jd_share" data-lg-tj-id="9500" data-lg-tj-no="0003" data-lg-tj-cid="idnull">
            <span class="dn" id="share_jd">分享到微信</span>
            <div class="jd_share_success"><div class="weixin_img" id="weixin_img_id"><canvas height="130" width="130"></canvas></div></div>
        </div>
    </dt>

    <dd class="job_request">
        <p>
            <span class="red">15k-25k</span>
            <span>北京</span>
            <span>经验3-5年</span>
            <span>学历不限</span>
            <span>全职</span>
        </p>
        <p>职位诱惑 : 地铁直达 建设骨干</p>
        <p class="publish_time">3天前&nbsp; 发布于拉勾网</p>
    </dd>
    <dd class="job_bt">
        <h3 class="description">职位描述</h3>
        <p>岗位职责：</p>
<p class="MsoListParagraph">1.&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;利用HTML5 、CSS3等相关技术开发手机、等多平台上的WEB/WAP前端应用；</p>
<p class="MsoListParagraph">2.&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;利用JavaScrip实现WebApp中的交互效果；</p>
<p class="MsoListParagraph">3.&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;根据产品需求，分析并给出合理的页面前端结构解决方案；</p>
<p class="MsoListParagraph">4.&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;负责前端代码开发，可选重构方向或交互方向；</p>
<p class="MsoListParagraph">5.&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;编写服务器代码，和后段程序技术有效配合，完成功能的镶嵌和调试工作。</p>
<p>&nbsp;</p>
<p>任职要求：</p>
<p class="MsoListParagraph">1.&nbsp; &nbsp; 统招本科以上，&nbsp;计算机相关专业，2年以上前端工作经验；</p>
<p class="MsoListParagraph">2.&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;熟悉HTML5 、CSS3开发技术,能熟练应用H5 canvas,webgl等；</p>
<p class="MsoListParagraph">3.&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;精通JavaScrip，jQuery，具有跨平台应用开发经验（Mobile/Desktop）或页面设计制作经验；</p>
<p class="MsoListParagraph">4.&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;熟悉移动端主流浏览器的适配，对Android与iOS等不同平台的html5页面适配充分了解；</p>
<p class="MsoListParagraph">5.&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;可承受一定的工作压力，有责任心，通过持续学习完善自身；</p>
<p class="MsoListParagraph">6.&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;良好的团队沟通协调能力。</p>
<p><a rel="nofollow"></a>&nbsp;</p>
<p><br></p>
    </dd>

    <!-- 职位发布者 -->
    <dd class="jd_publisher">
        <h3>职位发布者</h3>
        <div class="border clearfix">
                        <img src="../public/lg/CgqKkVb2Dv6ASff7AALe2MPLA0E737.jpg" height="60" width="60">
                        <div class="publisher_name">
                <a title="元斌">
                                        <span class="name">元斌</span>
                                    </a>
                                <span class="pos"> 经理 </span>
            </div>
            <div class="publisher_data">
                <div>
                                        <span class="data">99%</span>
                                        <span class="tip">
                        简历及时处理率
                        <span class="tip_text">投递后7天内处理完成的简历所占比例</span>
                    </span>
                </div>
                <div>
                                        <span class="data">1天</span>
                                        <span class="tip">
                        简历处理用时
                        <span class="tip_text">完成简历处理的平均用时</span>
                    </span>
                </div>
            </div>
        </div>
    </dd>

        <dd class="jd_resume clearfix">
                <div class="resume_status fl">
            <i class="jd-icon resume_status_none"></i>
            <span>你在拉勾还没有简历呢，你可以</span><a href="http://www.lagou.com/resume/basic.html" target="_blank" title="完善在线简历" rel="nofollow">完善在线简历</a>，<span>也可</span><a class="passport_login_pop" href="javascript:;">上传附件简历</a><span>直接投递</span>
        </div>
    </dd>
        <!-- 职位发布者 end -->

        <dd class="jd_deliver clearfix">
                                            <a href="javascript:;" title="登录" class="passport_login_pop btn fr btn_apply">投个简历</a>
                                        </dd>
    </dl>

			<dl class="interview_experience module-container">
    <div id="review_anchor" class="module-title">
      面试评价
    </div>
    <a href="http://www.lagou.com/gongsi/interviewExperiences.html?companyId=82528" target="_blank" class="checkAll" style="">查看该公司全部面试评价</a>
    <div class="reviews-area"><ul class="list-content">
    
    <li class="review-area clearfix">
        <div class="review-avater">
            <img alt="评价人头像" src="../public/lg/CgqKkVcfFLWAB2lUAACamEfUXOA770.jpg">
            
                <a title="李坤">
                    李坤
                </a>
            
        </div>
        <div class="review-right">
            <div class="review-stars clearfix">
                <ul>
                
                    <li>
                        <span>描述相符</span>
                        <div class="stars">
                        
                            <i class="star star-5"></i>
                        
                            <i class="star star-5"></i>
                        
                            <i class="star star-5"></i>
                        
                            <i class="star star-5"></i>
                        
                            <i class="star star-5"></i>
                        
                        </div>
                    </li>
                    <li>
                        <span>面试官</span>
                        <div class="stars">
                        
                            <i class="star star-5"></i>
                        
                            <i class="star star-5"></i>
                        
                            <i class="star star-5"></i>
                        
                            <i class="star star-5"></i>
                        
                            <i class="star star-5"></i>
                        
                        </div>
                    </li>
                    <li>
                        <span>公司环境</span>
                        <div class="stars">
                        
                            <i class="star star-4"></i>
                        
                            <i class="star star-4"></i>
                        
                            <i class="star star-4"></i>
                        
                            <i class="star star-4"></i>
                        
                            <i class="star"></i>
                        
                        </div>
                    </li>
                
                </ul>
                <span class="review-date">2016-5-11</span>
            </div>
            <div class="review-tags clearfix">
                
                    <div class="tag">面试官很nice</div>
                
                    <div class="tag">面试官是大牛</div>
                
            </div>
            <div class="review-content">
                <div><span class="review-type">[面试过程]</span><div class="interview-process">面试的老板平易近人，公司虽然规模不大但是氛围特别好，如果能进去应该能学习很多东西，对自己的成长有帮助；只是自己在h5方面学习的还不够深入。</div></div>
            </div>
            <div class="review-action">
                
                  <a class="useful noSelect" data-id="330705">有用&nbsp;(&nbsp;<span>0</span>&nbsp;)<i></i></a>
                
            </div>
            <div class="review-reply">
            
            </div>
        </div>
    </li>
    
    <li class="review-area clearfix">
        <div class="review-avater">
            <img alt="评价人头像" src="../public/lg/default_headpic.png">
            
                <a title="香勤先">
                    香勤先
                </a>
            
        </div>
        <div class="review-right">
            <div class="review-stars clearfix">
                <ul>
                
                    <li>
                        <span>描述相符</span>
                        <div class="stars">
                        
                            <i class="star star-5"></i>
                        
                            <i class="star star-5"></i>
                        
                            <i class="star star-5"></i>
                        
                            <i class="star star-5"></i>
                        
                            <i class="star star-5"></i>
                        
                        </div>
                    </li>
                    <li>
                        <span>面试官</span>
                        <div class="stars">
                        
                            <i class="star star-4"></i>
                        
                            <i class="star star-4"></i>
                        
                            <i class="star star-4"></i>
                        
                            <i class="star star-4"></i>
                        
                            <i class="star"></i>
                        
                        </div>
                    </li>
                    <li>
                        <span>公司环境</span>
                        <div class="stars">
                        
                            <i class="star star-3"></i>
                        
                            <i class="star star-3"></i>
                        
                            <i class="star star-3"></i>
                        
                            <i class="star"></i>
                        
                            <i class="star"></i>
                        
                        </div>
                    </li>
                
                </ul>
                <span class="review-date">2016-4-15</span>
            </div>
            <div class="review-tags clearfix">
                
                    <div class="tag">面试官很nice</div>
                
            </div>
            <div class="review-content">
                <div><span class="review-type">[面试过程]</span><div class="interview-process">说实话，老板人很不错，是创业型公司，是需要与公司一起成长的，公司很有前途。可惜不知道老板会不会收了我。</div></div>
            </div>
            <div class="review-action">
                
                  <a class="useful noSelect" data-id="302622">有用&nbsp;(&nbsp;<span>0</span>&nbsp;)<i></i></a>
                
            </div>
            <div class="review-reply">
            
            </div>
        </div>
    </li>
    
</ul>
</div>
</dl>

			<dl style="display: block;" class="view_again module-container">
    <div class="module-title">看了此职位的人还会看</div>
    <a href="http://www.lagou.com/recommend/reView/1639461.html" target="_blank" class="checkAll">查看更多</a>
    <div class="view_again_area"><!--看了又看列表-->
<ul>
  
      <li>
          <a class="company-logo" href="http://www.lagou.com/jobs/1242220.html" target="_blank" data-index="0" data-lg-tj-id="9900" data-lg-tj-no="0000" data-lg-tj-cid="idnull">
              <img alt="公司Logo" src="../public/lg/CgYXBlTuyqCAZUkuAABeqi6ddJ0444.jpg">
          </a>
          <a href="http://www.lagou.com/jobs/1242220.html" title="web前端初级" class="position" target="_blank" data-index="0" data-lg-tj-id="9a00" data-lg-tj-no="0000" data-lg-tj-cid="idnull">
              web前端初级
          </a>
          <div class="salary">
              8k-10k
          </div>
          <a title="小柚科技" class="company-name">
              小柚科技
          </a>
      </li>
  
      <li>
          <a class="company-logo" href="http://www.lagou.com/jobs/1225674.html" target="_blank" data-index="1" data-lg-tj-id="9900" data-lg-tj-no="0001" data-lg-tj-cid="idnull">
              <img alt="公司Logo" src="../public/lg/CgqKkVbFXXqAPo0fAAATqvTo2-I592.png">
          </a>
          <a href="http://www.lagou.com/jobs/1225674.html" title="HTML5" class="position" target="_blank" data-index="1" data-lg-tj-id="9a00" data-lg-tj-no="0001" data-lg-tj-cid="idnull">
              HTML5
          </a>
          <div class="salary">
              15k-30k
          </div>
          <a title="人人行(借贷宝)" class="company-name">
              人人行(借贷...
          </a>
      </li>
  
      <li>
          <a class="company-logo" href="http://www.lagou.com/jobs/1282368.html" target="_blank" data-index="2" data-lg-tj-id="9900" data-lg-tj-no="0002" data-lg-tj-cid="idnull">
              <img alt="公司Logo" src="../public/lg/Cgp3O1ax7JWAOSzUAABS3OF0A7w289.jpg">
          </a>
          <a href="http://www.lagou.com/jobs/1282368.html" title="html5" class="position" target="_blank" data-index="2" data-lg-tj-id="9a00" data-lg-tj-no="0002" data-lg-tj-cid="idnull">
              html5
          </a>
          <div class="salary">
              15k-30k
          </div>
          <a title="和创科技（红圈营销）" class="company-name">
              和创科技（红...
          </a>
      </li>
  
      <li>
          <a class="company-logo" href="http://www.lagou.com/jobs/1624844.html" target="_blank" data-index="3" data-lg-tj-id="9900" data-lg-tj-no="0003" data-lg-tj-cid="idnull">
              <img alt="公司Logo" src="../public/lg/CgYXBlVIdhCAOkNhAACz9PtwTNU441.jpg">
          </a>
          <a href="http://www.lagou.com/jobs/1624844.html" title="html5前端" class="position" target="_blank" data-index="3" data-lg-tj-id="9a00" data-lg-tj-no="0003" data-lg-tj-cid="idnull">
              html5前端
          </a>
          <div class="salary">
              6k-12k
          </div>
          <a title="普华和诚" class="company-name">
              普华和诚
          </a>
      </li>
  
      <li>
          <a class="company-logo" href="http://www.lagou.com/jobs/1127039.html" target="_blank" data-index="4" data-lg-tj-id="9900" data-lg-tj-no="0004" data-lg-tj-cid="idnull">
              <img alt="公司Logo" src="../public/lg/Cgp3O1ax7JWAOSzUAABS3OF0A7w289.jpg">
          </a>
          <a href="http://www.lagou.com/jobs/1127039.html" title="html5" class="position" target="_blank" data-index="4" data-lg-tj-id="9a00" data-lg-tj-no="0004" data-lg-tj-cid="idnull">
              html5
          </a>
          <div class="salary">
              20k-35k
          </div>
          <a title="和创科技（红圈营销）" class="company-name">
              和创科技（红...
          </a>
      </li>
  
</ul>
</div>
    <!-- <ul>
            </ul> -->
</dl>

			<div style="display: block;" id="activityBannerWrapper_pai" class="activityBannerWrappers dn">
    <div class="banner">
        <h3 class="title">你比你想象的更有价值</h3>
        <p class="description">上拉勾<span class="em">“一拍”</span>，无需主动投递简历。</p>
        <a data-lg-tj-id="hU00" data-lg-tj-no="idnull" data-lg-tj-cid="idnull" class="link" href="http://pai.lagou.com/index.html?from=position_detail" target="_blank">去试试</a>
        <button class="btn-close"></button>
    </div>
</div>

		</div>
		<div class="content_r">
			<dl class="job_company">
    <dt>
        <a href="http://www.lagou.com/gongsi/82528.html" target="_blank">
        <img class="b2" src="../public/lg/CgqKkVb2dzSAe5B6AAAWpUSw5uY625.jpg" alt="北京悉檀普明文化发展有限公司" height="80" width="80">
        <div>
            <h2 class="fl">
                                    121体育
                                                    <img src="../public/lg/valid_f5bfb53.png" alt="拉勾认证企业" height="19" width="15">
                    <span class="dn">拉勾认证企业</span>
                            </h2>
        </div>
        </a>
    </dt>
    <dd>
        <ul class="c_feature">
            <li>
                <span>领域</span> 移动互联网,O2O
                </li>
            <li>
                <span>规模</span> 15-50人
            </li>
            <li>
                <span>主页</span>
                                <a href="http://www.121tiyu.com/" target="_blank" title="http://www.121tiyu.com" rel="nofollow">http://www.121tiyu.com</a>
                            </li>
        </ul>
        <h4>发展阶段</h4>
        <ul class="c_feature">
            <li><span>目前阶段</span> 不需要融资</li>
                    </ul>

                <h4>工作地址</h4>
        <div class="work_addr">
                                <a href="http://www.lagou.com/jobs/list_?city=%E5%85%A8%E5%9B%BD#filterBox"></a>
                                            - 清华科技园 三才堂乙七号 121体育
                                        </div>
        <div style="overflow: hidden; position: relative; z-index: 0; background-color: rgb(243, 241, 236); color: rgb(0, 0, 0); text-align: left;" id="smallmap"><div style="overflow: visible; position: absolute; z-index: 0; left: 0px; top: 0px; cursor: grab;"><div style="position: absolute; left: 0px; top: 0px; z-index: 9; overflow: hidden; width: 280px; height: 200px;" class="BMap_mask"></div><div style="position: absolute; height: 0px; width: 0px; left: 0px; top: 0px; z-index: 200;"><div style="position: absolute; height: 0px; width: 0px; left: 0px; top: 0px; z-index: 800;"></div><div style="position: absolute; height: 0px; width: 0px; left: 0px; top: 0px; z-index: 700;"><span title="" class="BMap_Marker BMap_noprint" unselectable="on" "="" style="position: absolute; padding: 0px; margin: 0px; border: 0px none; -moz-user-select: none; cursor: pointer; background: transparent url(&quot;http://api0.map.bdimg.com/images/blank.gif&quot;) repeat scroll 0% 0%; width: 19px; height: 25px; left: 130px; top: 75px; z-index: -7999534;"></span></div><div style="position: absolute; height: 0px; width: 0px; left: 0px; top: 0px; z-index: 600;"></div><div style="position: absolute; height: 0px; width: 0px; left: 0px; top: 0px; z-index: 500;"><label style="position: absolute; -moz-user-select: none; display: none; cursor: inherit; background-color: rgb(190, 190, 190); border: 1px solid rgb(190, 190, 190); padding: 1px; white-space: nowrap; font: 12px arial,simsun,sans-serif; z-index: -20000; color: rgb(190, 190, 190);" unselectable="on" class="BMapLabel">shadow</label></div><div style="position: absolute; height: 0px; width: 0px; left: 0px; top: 0px; z-index: 400;"><span class="BMap_Marker" unselectable="on" style="position: absolute; padding: 0px; margin: 0px; border: 0px none; width: 0px; height: 0px; -moz-user-select: none; left: 130px; top: 75px; z-index: -7999534;"><div style="position: absolute; margin: 0px; padding: 0px; width: 19px; height: 25px; overflow: hidden;"><img src="../public/lg/marker_red_sprite.png" style="display: block; border:none;margin-left:0px; margin-top:0px; "></div></span></div><div style="position: absolute; height: 0px; width: 0px; left: 0px; top: 0px; z-index: 300;"><span unselectable="on" style="position: absolute; padding: 0px; margin: 0px; border: 0px none; width: 20px; height: 11px; -moz-user-select: none; left: 134px; top: 89px;"><div style="position: absolute; margin: 0px; padding: 0px; width: 20px; height: 11px; overflow: hidden;"><img src="../public/lg/marker_red_sprite.png" style="display: block; border:none;margin-left:-19px; margin-top:-13px; "></div></span></div><div style="position: absolute; height: 0px; width: 0px; left: 0px; top: 0px; z-index: 201;"></div><div style="position: absolute; height: 0px; width: 0px; left: 0px; top: 0px; z-index: 200;"></div></div><div style="position: absolute; overflow: visible; top: 0px; left: 0px; z-index: 1;"><div style="position: absolute; overflow: visible; z-index: -100; left: 140px; top: 100px; display: block;"><img src="../public/lg/a.png" style="-moz-user-select: none; position: absolute; border: medium none; width: 256px; height: 256px; left: -113px; top: -184px; max-width: none; opacity: 1;"><img src="../public/lg/a_004.png" style="-moz-user-select: none; position: absolute; border: medium none; width: 256px; height: 256px; left: -369px; top: -184px; max-width: none; opacity: 1;"><img src="../public/lg/a_003.png" style="-moz-user-select: none; position: absolute; border: medium none; width: 256px; height: 256px; left: -113px; top: 72px; max-width: none; opacity: 1;"><img src="../public/lg/a_002.png" style="-moz-user-select: none; position: absolute; border: medium none; width: 256px; height: 256px; left: -369px; top: 72px; max-width: none; opacity: 1;"></div></div><div style="position: absolute; overflow: visible; top: 0px; left: 0px; z-index: 2; display: none;"><div style="position: absolute; overflow: visible; top: 0px; left: 0px; z-index: 0; display: none;"></div><div style="position: absolute; overflow: visible; top: 0px; left: 0px; z-index: 10; display: none;"></div></div><div style="position: absolute; overflow: visible; top: 0px; left: 0px; z-index: 3;"></div></div><div title="退出全景" style="z-index: 1201; display: none;" class="pano_close"></div><a title="退出室内景" style="z-index: 1201; display: none;" class="pano_pc_indoor_exit"><span style="float:right;margin-right:12px;">出口</span></a><div class=" anchorBL" style="height: 32px; position: absolute; z-index: 30; -moz-user-select: none; bottom: 0px; right: auto; top: auto; left: 1px; display: none;"><a style="outline: medium none;" href="http://map.baidu.com/?sr=1" target="_blank" title="到百度地图查看此区域"><img style="border:none;width:77px;height:32px" src="../public/lg/copyright_logo.png"></a></div><div id="zoomer" style="position:absolute;z-index:0;top:0px;left:0px;overflow:hidden;visibility:hidden;cursor:-moz-grab"><div class="BMap_zoomer" style="top:0;left:0;"></div><div class="BMap_zoomer" style="top:0;right:0;"></div><div class="BMap_zoomer" style="bottom:0;left:0;"></div><div class="BMap_zoomer" style="bottom:0;right:0;"></div></div><div style="cursor: default; white-space: nowrap; -moz-user-select: none; color: black; background: transparent none repeat scroll 0% 0%; font: 11px/15px arial,simsun,sans-serif; bottom: 2px; right: auto; top: auto; left: 4px; position: absolute; z-index: 10;" class=" BMap_cpyCtrl BMap_noprint anchorBL" unselectable="on"><span style="display: inline;" _cid="1"><span style="font-size:11px">© 2016 Baidu&nbsp;- Data © <a target="_blank" href="http://www.navinfo.com/" style="display:inline;">NavInfo</a> &amp; <a target="_blank" href="http://www.cennavi.com.cn/" style="display:inline;">CenNavi</a> &amp; <a target="_blank" href="http://www.365ditu.com/" style="display:inline;">道道通</a></span></span></div></div>
        <a href="javascript:;" id="mapPreview">查看完整地图</a>
            </dd>
</dl>
			<div id="jobs_similar">
    <h4 class="jobs_similar_header">
        <span>相似职位</span>
    </h4>
    <input value="true" id="similarPosition" type="hidden">
    <div class="jobs_similar_content" id="jobs_similar_content">
        <div class="jobs_similar_detail" id="jobs_similar_detail">
            <ul class="similar_list reset">
                        <!--source=rec-->
                            <li class="similar_list_item  clearfix" data-jobid="1496369">
                                                            <a href="http://www.lagou.com/jobs/1496369.html" data-index="0" class="position_link clearfix" target="_blank" data-lg-tj-id="9600" data-lg-tj-no="0001" data-lg-tj-cid="idnull">
                        <div class="similar_list_item_logo">
                            <img src="../public/lg/Cgo8PFTUWBGALraJAAAeTBKK4IU791.png" alt="好未来" height="56" width="56">
                        </div>
                        <div class="similar_list_item_pos">
                            <h2 title="html5">html5</h2>
                            <p>15k-25k</p>
                            <p class="similar_company_name"><span class="similar_company_name_span">好未来 </span>

                                                                        
                                                                        
                                                                        
    <span>[北京·四季青]</span>
                            </p>
                        </div>
                    </a>
                    <!-- 鼠标划过时展示的公司信息 -->
                    <div class="similar_company_info dn">
                        <div class="arr"><span></span></div>
                        <p><span>领域：</span><span>移动互联网,教育</span></p>
                                                <p><span>创始人：</span><span>张邦鑫</span></p>
                                                <p><span>阶段：</span><span>上市公司</span></p>
                        <p><span>规模：</span><span>2000人以上</span></p>
                                                    <div class="similar_company_label">
                                                                                                <span>上市公司</span>
                                                                                                                                <span>领军企业</span>
                                                                                                                                <span>五险一金</span>
                                                                        
                                                                        
                                                                        
                                                                        
                                                                        
                                                                        
                </div>
                                            </div>
                </li>
                                                            <li class="similar_list_item  clearfix" data-jobid="1398952">
                                                            <a href="http://www.lagou.com/jobs/1398952.html" data-index="1" class="position_link clearfix" target="_blank" data-lg-tj-id="9600" data-lg-tj-no="0002" data-lg-tj-cid="idnull">
                        <div class="similar_list_item_logo">
                            <img src="../public/lg/Cgo8PFVZNImAf4iMAACOdgp-BRM006.jpg" alt="亿阳集团" height="56" width="56">
                        </div>
                        <div class="similar_list_item_pos">
                            <h2 title="HTML5">HTML5</h2>
                            <p>15k-25k</p>
                            <p class="similar_company_name"><span class="similar_company_name_span">亿阳集团 </span>

                                                                        
                                                                        
                                                                        
    <span>[北京·]</span>
                            </p>
                        </div>
                    </a>
                    <!-- 鼠标划过时展示的公司信息 -->
                    <div class="similar_company_info dn">
                        <div class="arr"><span></span></div>
                        <p><span>领域：</span><span>金融,数据服务</span></p>
                                                <p><span>创始人：</span><span>邓伟</span></p>
                                                <p><span>阶段：</span><span>上市公司</span></p>
                        <p><span>规模：</span><span>2000人以上</span></p>
                                                    <div class="similar_company_label">
                                                                                                <span>五个一流</span>
                                                                                                                                <span>至诚</span>
                                                                                                                                <span>绩效奖金</span>
                                                                        
                                                                        
                                                                        
                                                                        
                                                                        
                                                                        
                                                                        
                                                                        
                                                                        
                                                                        
                            </div>
                                            </div>
                </li>
                                                            <li class="similar_list_item  clearfix" data-jobid="1169276">
                                                            <a href="http://www.lagou.com/jobs/1169276.html" data-index="2" class="position_link clearfix" target="_blank" data-lg-tj-id="9600" data-lg-tj-no="0003" data-lg-tj-cid="idnull">
                        <div class="similar_list_item_logo">
                            <img src="../public/lg/CgYXBlTUXIqAYCE1AABbkDS4YJQ606.jpg" alt="国美在线" height="56" width="56">
                        </div>
                        <div class="similar_list_item_pos">
                            <h2 title="html5">html5</h2>
                            <p>15k-25k</p>
                            <p class="similar_company_name"><span class="similar_company_name_span">国美在线 </span>

                                                                        
                                                                        
                                                                        
    <span>[北京·亮马桥]</span>
                            </p>
                        </div>
                    </a>
                    <!-- 鼠标划过时展示的公司信息 -->
                    <div class="similar_company_info dn">
                        <div class="arr"><span></span></div>
                        <p><span>领域：</span><span>电子商务</span></p>
                                                <p><span>创始人：</span><span>黄光裕</span></p>
                                                <p><span>阶段：</span><span>上市公司</span></p>
                        <p><span>规模：</span><span>2000人以上</span></p>
                                                    <div class="similar_company_label">
                                                                                                <span>节日礼物</span>
                                                                                                                                <span>年底双薪</span>
                                                                                                                                <span>绩效奖金</span>
                                                                        
                                                                        
                                                                        
                                                                        
                                                                        
                                                                        
                                                                        
                                                                        
                                                                        
                                        </div>
                                            </div>
                </li>
                                                            <li class="similar_list_item  clearfix" data-jobid="898389">
                                                            <a href="http://www.lagou.com/jobs/898389.html" data-index="3" class="position_link clearfix" target="_blank" data-lg-tj-id="9600" data-lg-tj-no="0004" data-lg-tj-cid="idnull">
                        <div class="similar_list_item_logo">
                            <img src="../public/lg/CgqKkVZnl1mASgOEAAAHollP_9Q707.png" alt="和易达" height="56" width="56">
                        </div>
                        <div class="similar_list_item_pos">
                            <h2 title="html5">html5</h2>
                            <p>15k-25k</p>
                            <p class="similar_company_name"><span class="similar_company_name_span">和易达 </span>

                                                                        
                                                                        
                                                                        
    <span>[北京·大望路]</span>
                            </p>
                        </div>
                    </a>
                    <!-- 鼠标划过时展示的公司信息 -->
                    <div class="similar_company_info dn">
                        <div class="arr"><span></span></div>
                        <p><span>领域：</span><span>移动互联网,企业服务</span></p>
                                                <p><span>创始人：</span><span>Michael Zhang</span></p>
                                                <p><span>阶段：</span><span>不需要融资</span></p>
                        <p><span>规模：</span><span>500-2000人</span></p>
                                                    <div class="similar_company_label">
                                                                                                <span>技能培训</span>
                                                                                                                                <span>带薪年假</span>
                                                                                                                                <span>岗位晋升</span>
                                                                        
                                                                        
                                                                        
                                                                        
                                        </div>
                                            </div>
                </li>
                                                            <li class="similar_list_item  clearfix" data-jobid="1809698">
                                                            <a href="http://www.lagou.com/jobs/1809698.html" data-index="4" class="position_link clearfix" target="_blank" data-lg-tj-id="9600" data-lg-tj-no="0005" data-lg-tj-cid="idnull">
                        <div class="similar_list_item_logo">
                            <img src="../public/lg/Cgp3O1cq_BmAAS8_AAA02e-vB2I347.jpg" alt="哒哒科技" height="56" width="56">
                        </div>
                        <div class="similar_list_item_pos">
                            <h2 title="html5开发工程师">html5开发工程师</h2>
                            <p>15k-25k</p>
                            <p class="similar_company_name"><span class="similar_company_name_span">哒哒科技 </span>

                                                                        
                                                                        
                                                                        
    <span>[北京·中关村]</span>
                            </p>
                        </div>
                    </a>
                    <!-- 鼠标划过时展示的公司信息 -->
                    <div class="similar_company_info dn">
                        <div class="arr"><span></span></div>
                        <p><span>领域：</span><span>移动互联网,文化娱乐</span></p>
                                                <p><span>创始人：</span><span></span></p>
                                                <p><span>阶段：</span><span>天使轮</span></p>
                        <p><span>规模：</span><span>少于15人</span></p>
                                                    <div class="similar_company_label">
                                                        </div>
                                            </div>
                </li>
                                                                </ul>
                        <a href="http://www.lagou.com/jobs/list_HTML5?kd=HTML5&amp;spc=1&amp;pl=&amp;gj=3-5%E5%B9%B4&amp;xl=&amp;yx=&amp;gx=&amp;st=&amp;labelWords=&amp;lc=&amp;workAddress=&amp;city=%E5%8C%97%E4%BA%AC" class="jobs_similar_footer" target="_blank" data-lg-tj-id="9700" data-lg-tj-no="idnull" data-lg-tj-cid="idnull">查看更多相似职位</a>
                    </div>
    </div>
    </div>

			<!--广告位-->
			<div key="ZHIWEIYE_YOUCEERWEIMA" class="lgad_jsonp" style="margin-top: 20px;"><img style="width: 282px; height: 130px;" src="../public/lg/CgqLKVZWrF2AOzoPAABEzeglC_w497.JPG"></div>
		</div>
	</div>
	<!-- 页面主体END -->

	<!-- footer -->
	<a id="backtop" title="回到顶部" rel="nofollow"></a>
<!-- feedback -->
<!--
    @require "common/widgets/footer_c/modules/feedback/feedback.less"
-->

<!--我要反馈按钮-->
<div id="product-fk">
	<div id="feedback-icon">
	<div class="fb-icon"></div>
	<span>我要反馈</span>
	<em class="error dn fk-limit">今天已经反馈足够多了，给产品经理点时间消化下吧~<i></i></em>
	<em class="error dn fk-suc">&nbsp;&nbsp;反馈提交成功！</em>
</div>
</div>

<div id="feedback-con">
	<div class="pfb-pho-close">
		<div class="pfb-pho"></div>
		<div class="pfb-close"></div>
	</div>
	<em class="error dn"><span>你还没填任何反馈呢</span><i></i></em>
	<form id="product-fb">
		<div class="pfb-txt">
			<textarea placeholder="我是拉勾的产品经理哈丁，把你遇到的问题，或是想要的功能告诉我吧（200字以内）" maxlength="200"></textarea>
		</div>
		<div class="pfb-email" style="height:60px;">
			<input name="email" placeholder="留下邮箱方便我们沟通（选填）" type="text">
			<span class="ensure">确定</span>
		</div>
	</form>
</div>

<div id="footer">
    <div class="wrapper">
        <i class="footer_lagou_icon"></i>
        <div class="inner_wrapper">
            <a class="footer_app" href="http://www.lagou.com/app/download.html" rel="nofollow">拉勾APP<span>new</span><img src="../public/lg/CgqLKVaLdtWAKVC3AAEEpK9-Koc598.JPG" height="256" width="256"></a>
            <a href="http://e.weibo.com/lagou720" target="_blank" rel="nofollow">拉勾微博</a>
            <a class="footer_qr" href="javascript:void(0)" rel="nofollow">拉勾微信<img src="../public/lg/CgpzWlZNl0qAZitPAABXEpAOJx0071.JPG" height="242" width="242"></a>
            <a href="http://www.lagou.com/topic/whatisnew.html" target="_blank" rel="nofollow">版本更新</a>
            <a href="http://www.lagou.com/qa.html?t=1" target="_blank" rel="nofollow">帮助中心</a>
            <a href="http://www.lagou.com/about.html" target="_blank" rel="nofollow">联系我们</a>
            <a id="onlineService" href="javascript:void(0);" rel="nofollow">在线交流</a>
            <span class="tel">服务热线：<em>400-605-9900 (9:00 -18:00)</em></span>
        </div>
        <div class="copyright">
            <span><em>©</em>2016 Lagou </span>
            <a target="_blank" href="http://www.miitbeian.gov.cn/state/outPortal/loginPortal.action" rel="nofollow">京ICP备14023790号-2</a>
            <span>京公网安备11010802017116号</span>
        </div>
    </div>
</div>

	<!-- 公共html -->
	<!-- 页面公用结构、velocity变量 --><input value="" name="userid" id="userid" type="hidden">
<input value="" name="useridMd5" id="useridMd5" type="hidden">
<input value="" name="type" id="resend_type" type="hidden">
<input value="3975286244e4415e9ee67d54e8cd914f" id="resubmitToken" type="hidden">
<input value="1639461" id="jobid" type="hidden">
<input value="82528" id="companyid" type="hidden">
<input value="116.33616" id="positionLng" type="hidden">
<input value="39.997676" id="positionLat" type="hidden"><input id="serverTime" value="1463195451494" type="hidden">

	<!-- 底部登陆条 -->
	<!--
    @require "common/widgets/login_toolbar/main.less"
-->

<div id="loginToolBar" class="loginToolBar">
    <div>
        <em></em>
        <img src="../public/lg/footbar_logo_cccc78d.png" height="45" width="138">
        <span class="companycount">119794</span>
        <span class="positioncount">1770860</span>
        <a class="bar_login passport_login_pop" href="javascript:;"><i></i></a>
        <div class="right">
            <a href="http://www.lagou.com/frontRegister.do?from=index_footerbar" onclick="_hmt.push(['_trackEvent', 'button', 'click', 'register'])" class="bar_register" id="bar_register" target="_blank" data-lg-tj-id="4t00" data-lg-tj-no="idnull" data-lg-tj-cid="idnull"><i></i></a>
        </div>
        <input id="cc" value="119794" type="hidden">
        <input id="cp" value="1770860" type="hidden">
    </div>
</div>

	<!-- 弹窗 -->
	<div class="popupBox" style="display:none;">

    <!-- 设置默认投递简历 -->
    <div id="setResume" class="popup popup_jd" style="height:280px;">
        <table width="100%">
            <tbody><tr>
                <td class="f18 c5">请选择你要投出去的简历：</td>
            </tr>
            <tr>
                <td>
                    <form novalidate="novalidate" id="resumeSetForm" class="resumeSetForm">
                        <label class="radio">
                            <input name="resumeName" class="resume1" value="1" type="radio">
                            在线简历：
                                                        <span class="red">在线简历还不完善，请完善后选择投递</span>                        </label>
                        <div class="setBtns">
                                                        <a href="http://www.lagou.com/resume/myresume.html" target="_blank">修改</a>
                        </div>
                        <div class="clear"></div>
                        <label class="radio">
                            <input name="resumeName" class="resume0" value="0" type="radio">
                            附件简历：
                                                        <span class="uploadedResume red">暂无附件简历</span>
                                                        </label>
                        <div class="setBtns">
                                                        <a href="http://www.lagou.com/nearBy/downloadResume" class="downloadResume dn">下载</a>
                            <span class="dn">|</span>
                            <a target="_blank" title="上传附件简历" class="reUpload">上传附件简历</a>
                                                        <input title="支持word、pdf、ppt、txt、wps格式文件，大小不超过10M" name="newResume" id="reUploadResume1" type="file">
                        </div>
                        <div class="clear"></div>
                        <span class="error" style="display:none;">只支持word、pdf、ppt、txt、wps格式文件，请重新上传</span>
                        <label class="tipsInfo">默认使用此简历直接投递，下次不再提示</label>
                        <div class="clear"></div>
                        <span class="setTip error"></span>
                        <input class="btn_profile_save btn_s" value="保存设置" type="submit">
                    </form>
                </td>
            </tr>
        </tbody></table>
    </div>
    <!--/#setResume-->

    <!-- 投递简历时-设置默认投递简历 -->
    <div id="setResumeApply" class="popup popup_jd" style="height:280px;">
        <table width="100%">
            <tbody><tr>
                <td class="f18 c5">请选择你要投出去的简历：</td>
            </tr>
            <tr>
                <td>
                    <form novalidate="novalidate" id="resumeSendForm" class="resumeSetForm">
                        <label class="radio">
                            <input name="resumeName" class="resume1" value="1" type="radio">
                            在线简历：
                                                        <span class="red">在线简历还不完善，请完善后选择投递</span>
                                                    </label>
                        <div class="setBtns">
                                                        <a href="http://www.lagou.com/resume/myresume.html" target="_blank">修改</a>
                        </div>
                        <div class="clear"></div>
                        <label class="radio">
                            <input name="resumeName" class="resume0" value="0" type="radio">
                            附件简历：
                                                        <span class="uploadedResume red">暂无附件简历</span>
                                                    </label>
                        <div class="setBtns">
                                                        <a href="http://www.lagou.com/nearBy/downloadResume" class="downloadResume dn">下载</a>
                            <span class="dn">|</span>
                            <a target="_blank" title="上传附件简历" class="reUpload">上传附件简历</a>
                                                        <input title="支持word、pdf、ppt、txt、wps格式文件，大小不超过10M" name="newResume" id="reUploadResume2" type="file">
                        </div>
                        <div class="clear"></div>
                        <span class="error" style="display:none;">只支持word、pdf、ppt、txt、wps格式文件，请重新上传</span>
                        <label class="tipsInfo">
                            <input checked="checked" type="checkbox">
                            默认使用此简历直接投递，下次不再提示
                        </label>
                        <div class="clear"></div>
                        <span class="setTip error"></span>
                        <input class="btn_profile_save btn_s" value="确认投递简历" type="submit">
                    </form>
                </td>
            </tr>
        </tbody></table>
    </div>
    <!--/#setResumeApply-->

    <!-- 上传简历 -->
    <div id="uploadFile" class="popup popup_jd">
        <table width="100%">
            <tbody><tr>
                <td align="center">
                    <form>
                        <a href="javascript:void(0);" class="btn_addPic">
                            <span>选择上传文件</span>
                            <input tabindex="3" title="支持word、pdf、ppt、txt、wps格式文件，大小不超过10M" size="3" name="newResume" id="resumeUpload" class="filePrew" type="file">
                        </a>
                    </form>
                </td>
            </tr>
            <tr>
                <td align="left">
                    支持word、pdf、ppt、txt、wps格式文件
                    <br>
                    文件大小需小于10M
                </td>
            </tr>
            <tr>
                <td style="color:#dd4a38; padding-top:10px;" align="left">注：若从其它网站下载的word简历，请将文件另存为.docx格式后上传</td>
            </tr>
            <tr>
                <td align="center">
                    <img src="../public/lg/loading.gif" id="loadingImg" style="visibility: hidden;" alt="loading" height="16" width="55">
                </td>
            </tr>
        </tbody></table>
    </div>
    <!--/#uploadFile-->

    <!-- 简历上传成功 -->
    <div id="uploadFileSuccess" class="popup popup_jd">
        <h4>简历上传成功！</h4>
        <table width="100%">
            <tbody><tr>
                <td align="center">
                    <p>你可以将简历投给你中意的公司了。</p>
                </td>
            </tr>
            <tr>
                <td align="center">
                    <a href="javascript:top.location.reload();" class="btn_s">确&nbsp;定</a>
                </td>
            </tr>
        </tbody></table>
    </div>
    <!--/#uploadFileSuccess-->

    <!-- 举报弹窗 -->
    <div id="reportbox" class="popup popup_jd" style="height:370px;width:455px;">
        <div class="report_detail">
            <h2>若你发现本职位存在违规现象，欢迎举报。</h2>
            <form novalidate="novalidate" id="report_submit" action="javascript:;">
                <table class="report_content">
                    <tbody>
                        <tr>
                            <td>举报原因：</td>
                            <td class="select_box">
                                <input name="report_reason" data-key="0" id="report_reason_hidden" value="" type="hidden">
                                <input id="report_reason" value="请选择举报原因" type="button">
                                <div class="reason_content">
                                    <ul>
                                        <li value="1">薪资不真实</li>
                                        <li value="2">工作经验或学历要求不真实</li>
                                        <li value="3">公司信息不真实</li>
                                        <li value="4">其他</li>
                                    </ul>
                                </div>
                                <a class="report_select"> <em></em> </a>
                            </td>
                        </tr>
                        <tr>
                            <td>详情描述：</td>
                            <td>
                                <textarea id="problem_txt" name="content" maxlength="1000" placeholder="请您描述问题详情，以便于拉勾网帮您核实情况。"></textarea>
                            </td>
                        </tr>
                        <tr>
                            <td></td>
                            <td class="report_last">
                                <label class="checkbox">
                                    <input checked="checked" type="checkbox">
                                    <i></i>
                                </label>
                                <span class="anonymous_submit">匿名提交</span>
                                <span class="report_txt">还可输入 <b>500</b> 字</span>
                            </td>
                        </tr>
                        <tr>
                            <td></td>
                        </tr>
                        <tr>
                            <td></td>
                            <td>
                                <input class="sure_submit" value="确认提交" type="submit">
                            </td>
                        </tr>
                    </tbody>
                </table>
            </form>
        </div>
    </div>
    <!-- /#reportbox -->

    <!-- 举报提交后的弹窗 -->
    <div id="receive_report" class="popup popup_jd" style="height:150px;">
        <h2>你的举报已经成功提交，拉勾网会尽快核实举报内容，对违规职位绝不姑息。</h2>
        <a href="javascript:;" title="关闭" class="report_cancel">关闭</a>
    </div>
    <!-- /#receive_report -->

    <!-- 重复举报的弹窗 -->
    <div id="has_report" class="popup popup_jd" style="height:110px;">
        <h2>你已经举报过该职位，不能重复举报。</h2>
        <a href="javascript:;" title="关闭" class="report_cancel">关闭</a>
        <input value="0" type="hidden">
    </div>
    <!-- /#has_report -->

    <!-- 不感兴趣弹窗 by honge-->
    <div id="no_interest" class="popup popup_jd" style="height:100px;">
        <h2>不想结识该职位的Leader吗？</h2>
        <div class="btn_wrap">
            <span class="little_interest">有点兴趣</span>
            <span class="no_interest_ensure" data-lg-tj-id="7800" data-lg-tj-no="idnull" data-lg-tj-cid="1639461" data-lg-gatj-msg="plus,拒绝,button">确认</span>
        </div>
    </div>
    <!-- /#no_interest -->

    <!-- 投简历成功前填写基本信息 -->
    <div id="infoBeforeDeliverResume" class="popup popup_jd" style="height:300px; overflow:visible;">
        <div class="f18">为方便所投递企业HR查阅，请确认个人信息，HR将通过此联系方式与你沟通</div>
        <form novalidate="novalidate" id="basicInfoForm" method="post">
            <table width="100%">
                <tbody><tr>
                    <td valign="middle">
                        <span class="redstar">*</span>
                    </td>
                    <td>
                        <input name="name" placeholder="姓名" type="text">
                    </td>
                    <td valign="middle">
                        <span class="redstar">*</span>
                    </td>
                    <td>
                        <input name="degree" value="" id="degree" type="hidden">
                        <input class="profile_select_190 profile_select_normal" id="select_degree" value="最高学历" type="button">
                        <div style="display: none;" id="box_degree" class="boxUpDown boxUpDown_190 dn"></div>
                    </td>
                </tr>
                <tr>
                    <td valign="middle">
                        <span class="redstar">*</span>
                    </td>
                    <td>
                        <input name="workyear" value="" id="workyear" type="hidden">
                        <input class="profile_select_190 profile_select_normal" id="select_workyear" value="工作年限" type="button">
                        <div style="display: none;" id="box_workyear" class="boxUpDown boxUpDown_190 dn"></div>
                    </td>
                    <td valign="middle">
                        <span class="redstar">*</span>
                    </td>
                    <td>
                        <input name="expectCity" value="" id="expectCity" type="hidden">
                        <input class="profile_select_190 profile_select_normal" id="select_expectCity" value="期望工作城市" type="button">
                        <div style="display: none;" id="box_expectCity" class="boxUpDown boxUpDown_596 dn"></div>
                    </td>
                </tr>
                <tr>
                    <td valign="middle">
                        <span class="redstar">*</span>
                    </td>
                    <td>
                        <input name="tel" placeholder="手机号码" type="text">
                    </td>
                    <td valign="middle">
                        <span class="redstar">*</span>
                    </td>
                    <td>
                        <input name="email" placeholder="邮箱地址" type="text">
                    </td>
                </tr>
                <tr>
                    <td></td>
                    <td colspan="3">
                        <input name="type" value="" type="hidden">
                        <input class="btn" value="确认并投递" type="submit">
                    </td>
                </tr>
            </tbody></table>
        </form>
    </div>
    <!--/#infoBeforeDeliverResume-->

    <!-- 上传附件简历操作说明-重新上传 -->
    <div id="fileResumeUpload" class="popup popup_jd">
        <table width="100%">
            <tbody><tr>
                <td>
                    <div class="f18 mb10">请上传标准格式的word简历</div>
                </td>
            </tr>
            <tr>
                <td>
                    <div class="f16">
                        操作说明：
                        <br>
                        打开需要上传的文件 - 点击文件另存为 - 选择.docx - 保存
                    </div>
                </td>
            </tr>
            <tr>
                <td align="center">
                    <a class="btn inline cboxElement" href="#uploadFile" title="上传附件简历">重新上传</a>
                </td>
            </tr>
        </tbody></table>
    </div>
    <!--/#fileResumeUpload-->

    <!-- 上传附件简历操作说明-重新上传 -->
    <div id="fileResumeUploadSize" class="popup popup_jd">
        <table width="100%">
            <tbody><tr>
                <td>
                    <div class="f18 mb10">上传文件大小超出限制</div>
                </td>
            </tr>
            <tr>
                <td>
                    <div class="f16">
                        提示：
                        <br>
                        单个附件不能超过10M，请重新选择附件简历！
                    </div>
                </td>
            </tr>
            <tr>
                <td align="center">
                    <a class="btn inline cboxElement" href="#uploadFile" title="上传附件简历">重新上传</a>
                </td>
            </tr>
        </tbody></table>
    </div>
    <!--/#fileResumeUploadSize-->

    <!-- 投简历成功前二次确认 -->
    <div id="deliverResumeConfirm" class="popup popup_jd">
        <table width="100%">
            <tbody><tr>
                <td class="msg">
                    <div class="f18">你的简历中：</div>
                    <div class="f16 count">
                        <span class="f18 confirm_field">学历、工作年限、期望工作城市</span>
                        与该职位要求不匹配，确认要投递吗？
                    </div>
                </td>
            </tr>
            <tr>
                <td align="center">
                    <input name="type" value="" type="hidden">
                    <a href="javascript:;" class="btn" id="delayConfirmDeliver">确认投递</a>
                    <a href="javascript:;" class="btn_s">放弃投递</a>
                    <a href="javascript:;" class="f20 edit_field">修改信息</a>
                </td>
            </tr>
        </tbody></table>
    </div>
    <!--/#deliverResumeConfirm-->

    <!-- 投简历成功 -->
    <div id="deliverResumesSuccess" class="popup popup_jd" style="width:500px;padding-bottom:10px;">
        <!-- <table width="100%">
            <tr class="drawGGJ">
                <td align="center">
                    <p class="f16 count">
                        <span class="resume_delay_txt">简历已经成功投递出去了，请静候佳音！</span> <i class="delay_deliver"><a href="javascript:;" id="recall">撤回</a>（<span id="recall_time">10</span>）</i>
                    </p>
                    <p class="f16 share dn">
                        邀请好友成功注册拉勾，可提升每日投递量&nbsp; &nbsp; <a href="http://www.lagou.com/share/invite.html" target="_blank">邀请好友 &gt;&gt;</a>
                    </p>
                </td>
            </tr>
            <tr class="drawQD">
                <td align="center">
                    <a href="javascript:top.location.reload();" class="btn_s">确&nbsp;定</a>
                </td>
            </tr>
            <tr>
                <td>
                    <span>投递了该职位的人还投递了</span>
                    <span></span>
                </td>
            </tr>
            <tr class="jd_recommend"></tr>
        </table> -->
        <div class="jd_delivery">
            <!-- <span class="f16 count">简历已经成功投递出去了，请静候佳音！</span> <i class="delay_deliver"><a href="javascript:;" id="recall">撤回</a>（<span id="recall_time">10</span>）</i>     -->
            <p class="f16 count">
                <i class="delay_deliver">
                    <span class="resume_delay_txt">简历已经成功投递出去了，请静候佳音！</span><a href="javascript:;" id="recall">撤回</a>（<span id="recall_time">10</span>）
                </i>
            </p>
            <p class="know_wrapper"><span id="knowed">我知道了</span></p>
            <p class="f16 share dn">
                邀请好友成功注册拉勾，可提升每日投递量&nbsp; &nbsp; <a href="http://www.lagou.com/share/invite.html" target="_blank">邀请好友 &gt;&gt;</a>
            </p>
        </div>
        <!-- <div class="post_again post_container">
            <div class="post_title">投递该职位的人还投了</div>
            <a href="http://www.lagou.com/recommend/reDeliver/1639461.html" target="_blank" class="post_checkAll">查看更多</a>
            <div class="post_again_area"></div>
        </div> -->
        <div class="jd_delivery_list clearfixs">
            <!--广告位-->
            <div key="JIANLITOUDIDANKUANG_JIANLITOUDIDANKUANG" class="lgad_jsonp" style="width: 430px; height: 156px; margin: 0 auto 35px auto;"><img style="width: 430px; height: 156px;" src="../public/lg/CgpzWlaLeTmAMzitAADRm6bjCE4506.JPG"></div>
        </div>
    </div>
    <!--/#deliverResumesSuccess-->

    <!-- 投递时，一个简历都没有弹窗 -->
    <div id="sendNoResume" class="popup popup_jd">
        <table width="100%">
            <tbody><tr>
                <td class="f18 c5" align="center">你还没有可以投递的简历呢</td>
            </tr>
            <tr>
                <td class="c5" align="center">请上传附件简历或填写在线简历后再投递吧~</td>
            </tr>
            <tr>
                <td align="center">
                    <form>
                        <a href="javascript:void(0);" class="btn_addPic">
                            <span>选择上传文件</span>
                            <input title="支持word、pdf、ppt、txt、wps格式文件，大小不超过10M" size="3" name="newResume" id="resumeUpload2" class="filePrew" type="file">
                        </a>
                    </form>
                    <a class="btn" href="http://www.lagou.com/resume/basic.html" target="_blank" rel="nofollow">完善在线简历</a>
                </td>
            </tr>
        </tbody></table>
    </div>
    <!--/#sendNoResume-->

    <!-- 投递时，一个简历都没有弹窗 -->
    <div id="upperLimit" class="popup popup_jd">
        <table width="100%">
            <tbody>
                <tr>
                    <td align="center">
                        <h4 class="upper_msg">投递失败：今日你已投递 <i>10</i> 个职位，投递数达到上限。</h4>
                        <p class="upper_txt">邀请好友加入拉勾网，可快速提升投递数量。</p>
                    </td>
                </tr>
                <tr>
                    <td>
                        <a href="http://www.lagou.com/share/invite.html?utm_source=JDbutton" target="_blank" class="btn_upper" data-lg-tj-id="iE00" data-lg-tj-no="idnull" data-lg-tj-cid="idnull">邀请好友</a>
                        <a href="javascript:;" class="upper_close">关闭</a>
                    </td>
                </tr>
            </tbody>
        </table>
    </div>
    <!--/#upperLimit-->

    <!-- 没有简历请上传 -->
    <div id="deliverResumesNo" class="popup popup_jd">
        <table width="100%">
            <tbody><tr>
                <td align="center">
                    <p class="f16">你在拉勾还没有简历，请先上传一份</p>
                </td>
            </tr>
            <tr>
                <td align="center">
                    <form>
                        <a href="javascript:void(0);" class="btn_addPic">
                            <span>选择上传文件</span>
                            <input title="支持word、pdf、ppt、txt、wps格式文件，大小不超过10M" size="3" name="newResume" id="resumeUpload1" class="filePrew" type="file">
                        </a>
                    </form>
                </td>
            </tr>
            <tr>
                <td align="center">支持word、pdf、ppt、txt、wps格式文件，大小不超过10M</td>
            </tr>
        </tbody></table>
    </div>
    <!--/#deliverResumesNo-->

    <!-- 激活邮箱-录邮箱未验证时，点击上传附件简历、申请职位、订阅职位、发布职位出现该弹窗 -->
    <div id="activePop" class="popup popup_jd" style="height:240px;">
        <h4>登录邮箱未验证</h4>
        <p>请验证你的登录邮箱以使用拉勾网的所有功能！</p>
        <p>我们已将验证邮件发送至：<a></a>，请点击邮件内的链接完成验证。</p>
                <p>
            <a href="javascript:void(0)" id="resend">重新发送验证邮件</a> | <a href="http://www.lagou.com/frontRegister.do" target="_blank">换个邮箱？</a>
        </p>
    </div>
    <!--/#activePop-->

    <!--激活邮箱-验证邮件发送成功弹窗 -->
    <div id="resend_success" class="popup popup_jd">
        <p>我们已将激活邮件发送至：<a></a>，请点击邮件内的链接完成验证。</p>
            </div>
    <!--/#resend_success-->

    <!--地图弹窗-->
    <div id="baiduMap" class="popup popup_jd">
        <div style="overflow: hidden; position: relative; z-index: 0; background-color: rgb(243, 241, 236); color: rgb(0, 0, 0); text-align: left;" id="allmap"><div style="overflow: visible; position: absolute; z-index: 0; left: 0px; top: 0px; cursor: grab;"><div style="position: absolute; left: 0px; top: 0px; z-index: 9; overflow: hidden; width: 0px; height: 0px;" class="BMap_mask"></div><div style="position: absolute; height: 0px; width: 0px; left: 0px; top: 0px; z-index: 200;"><div style="position: absolute; height: 0px; width: 0px; left: 0px; top: 0px; z-index: 800;"></div><div style="position: absolute; height: 0px; width: 0px; left: 0px; top: 0px; z-index: 700;"></div><div style="position: absolute; height: 0px; width: 0px; left: 0px; top: 0px; z-index: 600;"></div><div style="position: absolute; height: 0px; width: 0px; left: 0px; top: 0px; z-index: 500;"><label style="position: absolute; -moz-user-select: none; display: none; cursor: inherit; background-color: rgb(190, 190, 190); border: 1px solid rgb(190, 190, 190); padding: 1px; white-space: nowrap; font: 12px arial,simsun,sans-serif; z-index: -20000; color: rgb(190, 190, 190);" unselectable="on" class="BMapLabel">shadow</label></div><div style="position: absolute; height: 0px; width: 0px; left: 0px; top: 0px; z-index: 400;"></div><div style="position: absolute; height: 0px; width: 0px; left: 0px; top: 0px; z-index: 300;"></div><div style="position: absolute; height: 0px; width: 0px; left: 0px; top: 0px; z-index: 201;"></div><div style="position: absolute; height: 0px; width: 0px; left: 0px; top: 0px; z-index: 200;"></div></div><div style="position: absolute; overflow: visible; top: 0px; left: 0px; z-index: 1;"></div><div style="position: absolute; overflow: visible; top: 0px; left: 0px; z-index: 2;"></div><div style="position: absolute; overflow: visible; top: 0px; left: 0px; z-index: 3;"></div></div><div title="退出全景" style="z-index: 1201; display: none;" class="pano_close"></div><a title="退出室内景" style="z-index: 1201; display: none;" class="pano_pc_indoor_exit"><span style="float:right;margin-right:12px;">出口</span></a><div id="zoomer" style="position:absolute;z-index:0;top:0px;left:0px;overflow:hidden;visibility:hidden;cursor:-moz-grab"><div class="BMap_zoomer" style="top:0;left:0;"></div><div class="BMap_zoomer" style="top:0;right:0;"></div><div class="BMap_zoomer" style="bottom:0;left:0;"></div><div class="BMap_zoomer" style="bottom:0;right:0;"></div></div><div style="width: 62px; height: 192px; bottom: auto; right: auto; top: 10px; left: 10px; position: absolute; z-index: 1100; -moz-user-select: none;" class=" BMap_stdMpCtrl BMap_stdMpType0 BMap_noprint anchorTL" unselectable="on"><div class="BMap_stdMpPan"><div class="BMap_button BMap_panN" title="向上平移"></div><div class="BMap_button BMap_panW" title="向左平移"></div><div class="BMap_button BMap_panE" title="向右平移"></div><div class="BMap_button BMap_panS" title="向下平移"></div><div class="BMap_stdMpPanBg BMap_smcbg"></div></div><div style="height: 147px; width: 62px;" class="BMap_stdMpZoom"><div class="BMap_button BMap_stdMpZoomIn" title="放大一级"><div class="BMap_smcbg"></div></div><div style="top: 126px;" class="BMap_button BMap_stdMpZoomOut" title="缩小一级"><div class="BMap_smcbg"></div></div><div style="height: 108px;" class="BMap_stdMpSlider"><div style="height: 108px;" class="BMap_stdMpSliderBgTop"><div class="BMap_smcbg"></div></div><div style="top: 97px; height: 15px;" class="BMap_stdMpSliderBgBot"></div><div class="BMap_stdMpSliderMask" title="放置到此级别"></div><div style="cursor: grab; top: 97px;" class="BMap_stdMpSliderBar" title="拖动缩放"><div class="BMap_smcbg"></div></div></div><div class="BMap_zlHolder"><div class="BMap_zlSt"><div class="BMap_smcbg"></div></div><div class="BMap_zlCity"><div class="BMap_smcbg"></div></div><div class="BMap_zlProv"><div class="BMap_smcbg"></div></div><div class="BMap_zlCountry"><div class="BMap_smcbg"></div></div></div></div><div class="BMap_stdMpGeolocation" style="position: initial; display: none; margin-top: 43px; margin-left: 10px;"><div class="BMap_geolocationContainer" style="position: initial; width: 24px; height: 24px; overflow: hidden; margin: 0px; box-sizing: border-box;"><div class="BMap_geolocationIconBackground" style="width: 24px; height: 24px; background-image: url(http://api0.map.bdimg.com/images/navigation-control/geolocation-control/pc/bg-20x20.png); background-size: 20px 20px; background-position: 3px 3px; background-repeat: no-repeat;"><div class="BMap_geolocationIcon" style="position: initial; width: 24px; height: 24px; cursor: pointer; background-image: url('http://api0.map.bdimg.com/images/navigation-control/geolocation-control/pc/success-10x10.png'); background-size: 10px 10px; background-repeat: no-repeat; background-position: center;"></div></div></div></div></div><div class=" BMap_noprint anchorTR" style="bottom: auto; right: 10px; top: 10px; left: auto; white-space: nowrap; cursor: pointer; position: absolute; z-index: 10; -moz-user-select: none;" unselectable="on"><div style="-moz-user-select: none; float: left;"><div title="显示普通地图" style="-moz-user-select: none; box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.35); border-left: 1px solid rgb(139, 164, 220); border-top: 1px solid rgb(139, 164, 220); border-bottom: 1px solid rgb(139, 164, 220); background: rgb(142, 168, 224) none repeat scroll 0% 0%; padding: 2px 6px; font: bold 12px/1.3em arial,simsun,sans-serif; text-align: center; white-space: nowrap; border-radius: 3px 0px 0px 3px; color: rgb(255, 255, 255);">地图</div></div><div style="-moz-user-select: none; float: left;"><div title="显示卫星影像" style="-moz-user-select: none; box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.35); border-left: 1px solid rgb(139, 164, 220); border-top: 1px solid rgb(139, 164, 220); border-bottom: 1px solid rgb(139, 164, 220); background: rgb(255, 255, 255) none repeat scroll 0% 0%; padding: 2px 6px; font-family: arial,simsun,sans-serif; font-style: normal; font-size: 12px; line-height: 1.3em; font-size-adjust: none; font-stretch: normal; font-feature-settings: normal; font-language-override: normal; font-kerning: auto; font-synthesis: weight style; font-variant: normal; text-align: center; white-space: nowrap; color: rgb(0, 0, 0);">卫星</div><div style="-moz-user-select: none; position: absolute; top: 0px; left: 0px; z-index: -1; display: none;"><div title="显示带有街道的卫星影像" style="border-right:1px solid #8ba4dc;border-bottom:1px solid #8ba4dc;border-left:1px solid #8ba4dc;background:white;font:12px arial,simsun,sans-serif;padding:0 8px 0 6px;line-height:1.6em;box-shadow:2px 2px 3px rgba(0, 0, 0, 0.35)"><span checked="checked" "="" class="BMap_checkbox"></span><label style="vertical-align: middle; cursor: pointer;">混合</label></div></div></div><div style="-moz-user-select: none; float: left;"><div title="显示三维地图" style="-moz-user-select: none; box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.35); border-width: 1px; border-style: solid; border-color: rgb(139, 164, 220); background: rgb(255, 255, 255) none repeat scroll 0% 0%; padding: 2px 6px; font-family: arial,simsun,sans-serif; font-style: normal; font-size: 12px; line-height: 1.3em; font-size-adjust: none; font-stretch: normal; font-feature-settings: normal; font-language-override: normal; font-kerning: auto; font-synthesis: weight style; font-variant: normal; text-align: center; white-space: nowrap; border-radius: 0px 3px 3px 0px; color: rgb(0, 0, 0);">三维</div></div></div><div style="width: 13px; height: 13px; bottom: 0px; right: 0px; top: auto; left: auto; position: absolute; z-index: 10; -moz-user-select: none;" class=" BMap_omCtrl BMap_ieundefined BMap_noprint anchorBR quad4" unselectable="on"><div style="width: 149px; height: 149px;" class="BMap_omOutFrame"><div style="bottom: auto; right: auto; top: 5px; left: 5px; width: 142px; height: 142px;" class="BMap_omInnFrame"><div class="BMap_omMapContainer"></div><div style="cursor: grab;" class="BMap_omViewMv"><div class="BMap_omViewInnFrame"><div></div></div></div></div></div><div style="bottom: 0px; right: 0px; top: auto; left: auto;" class="BMap_omBtn BMap_omBtnClosed"></div></div></div>
    </div>
    <!--/#baiduMap-->

    <!-- 3月活动立即收藏成功弹窗 -->
    <div id="collectSuccess" class="popup popup_jd">
        <table width="100%">
            <tbody>
                <tr>
                    <td align="center">
                        <h4>你已成功收藏该职位</h4>
                        <p>3月9日当天可进入“<a href="http://www.lagou.com/mycenter/collections.html" target="_blank">我收藏的职位</a>”页快速投递简历</p>
                    </td>
                </tr>
                <tr>
                    <td align="center">
                        <a href="javascript:;" class="btn">关闭</a>
                    </td>
                </tr>
            </tbody>
        </table>
    </div>
    <!--/#collectSuccess-->
    
</div>


	<!-- jquery lib -->
	<!--[if lte IE 8]><script src="http://pstatic.lagou.com/www/static/dep/ExplorerCanvas/excanvas_329c23c.js"></script><![endif]-->
	<!-- analytics js file -->	<!-- plat analytics js file - track log -->	<!-- plat analytics js file - click log -->	<!-- plat ipinyou tj -->
	<noscript><img src="//stats.ipinyou.com/adv.gif?a=ga..n3f5DPSWZXFMcbQa2-GxjX&e=" style="display:none;" /></noscript>


<script type="text/javascript" src="../public/lg/vendor_d53d12d.js"></script>
<script type="text/javascript">/*resourcemap*/
require.config({paths:{
  "common/components/template-helper/main": "http://pstatic.lagou.com/www/static/common/components/template-helper/main_4b1b867",
  "common/widgets/common/msgPopup": "http://pstatic.lagou.com/www/static/common/widgets/common/msgPopup_ccfc337"
}});</script>
<script type="text/javascript" src="../public/lg/main_002.js"></script>
<script type="text/javascript" src="../public/lg/widgets_4dd49c9.js"></script><script src="../public/lg/h.js" type="text/javascript"></script>
<script type="text/javascript" src="../public/lg/userinfo_7f282e9.js"></script>
<script type="text/javascript" src="../public/lg/layout_a28dd79.js"></script>
<script type="text/javascript" src="../public/lg/main.js"></script>
<script type="text/javascript">
    require(['common/widgets/header_c/modules/emailvalid/main']);


    require(['common/widgets/passport/passport'], function() {

    
        /* 设置自动登录监听器 */
        PASSPORT.on('autologin:succ', function() {
            PASSPORT.util.tinfo('autologin:succ');
            window.location.reload();
        });
        PASSPORT.on('autologin:fail', function() {
            PASSPORT.util.tinfo('autologin:fail');
        });
        // 触发自动登录
        PASSPORT.auto();

        /* 设置弹窗登录监听器 */
        PASSPORT.on('popuplogin:succ', function() {
            PASSPORT.util.tinfo('popuplogin:succ');
            window.location.reload();
        });
        PASSPORT.on('popuplogin:fail', function() {
            PASSPORT.util.tinfo('popuplogin:fail');
        });
        // 触发弹窗登录
        //PASSPORT.popup();
        jQuery('.passport_login_pop').each(function(){
            jQuery(this).click(function(){
                PASSPORT.popup();
            });
        });

    
    });


    var positionAddress = '清华科技园 三才堂乙七号 121体育',
        workAddress = '北京';

    function initialize() {
        require(['job-detail/modules/job-company/js/bd-map'], function(exports) {
            var mapInit = exports.mapInit;
            mapInit(positionAddress, workAddress);
        });
    }

    function loadScript() {
        var script = document.createElement("script");
        script.src = global.mapApiUri;
        document.body.appendChild(script);
    }

    window.onload = loadScript;


	require(['common/widgets/footer_c/modules/feedback/feedback']);


    require(['common/widgets/footer_c/layout/main']);

    jQuery.ajax({
        url: 'http://wpa.b.qq.com/cgi/wpa.php',
        dataType: 'script',
        cache: true
    }).done(function() {
        BizQQWPA.addCustom({aty: '0', a: '0', nameAccount: 800056379, selector: 'onlineService'});
    });


    window.global = window.global || {};
    window.global.qrImgSrc = 'http://www.lagou.com/';
    window.global.positionId = '1639461';
    window.global.companyId = '82528';
    window.global.experienceCount = '30';
    window.global.userId = '';



    window.global.mapApiUri = 'http://api.map.baidu.com/api?v=2.0&ak=A2c1a1ff1fe0750e3290660295aac602&callback=initialize';



    require(['common/widgets/login_toolbar/main'])


	    //业务主模块
	    require(['job-detail/page/index/main']);
	</script><div style="display: none;" id="cboxOverlay"></div><div style="display: none;" tabindex="-1" role="dialog" class="" id="colorbox"><div id="cboxWrapper"><div><div style="float: left;" id="cboxTopLeft"></div><div style="float: left;" id="cboxTopCenter"></div><div style="float: left;" id="cboxTopRight"></div></div><div style="clear: left;"><div style="float: left;" id="cboxMiddleLeft"></div><div style="float: left;" id="cboxContent"><div style="float: left;" id="cboxTitle"></div><div style="float: left;" id="cboxCurrent"></div><button id="cboxPrevious" type="button"></button><button id="cboxNext" type="button"></button><button id="cboxSlideshow"></button><div style="float: left;" id="cboxLoadingOverlay"></div><div style="float: left;" id="cboxLoadingGraphic"></div></div><div style="float: left;" id="cboxMiddleRight"></div></div><div style="clear: left;"><div style="float: left;" id="cboxBottomLeft"></div><div style="float: left;" id="cboxBottomCenter"></div><div style="float: left;" id="cboxBottomRight"></div></div></div><div style="position: absolute; width: 9999px; visibility: hidden; display: none; max-width: none;"></div></div>
<script type="text/javascript" src="../public/lg/ipinyou_dd4456b.js"></script>


<script src="../public/lg/api"></script><script src="../public/lg/getscript"></script></body></html>